/* Theme Name: I Love It! Theme URI: http://cosmothemes/ilove Description: Our themes are using the 960 grid system while the mark-up is powered by a strong css framework. Me Gusta! Theme has been tested in all modern browsers - IE 7 , IE 8, IE 9 , Opera, Firefox, Safari and Chrome. Key features of the template - infinit Color Schemes, Background Styling Options, Custom Text-based Logos, Social Media Links, Multiple Multi-Level jQuery Menus, Built-in Breadcrumbs, Custom Front Page Layout, Advertisement Sidebars, Custom Widget (Popular, Recent, Comments, Tags), Twitter Widget, Contact Form Widget, Flickr Widget, Custom Page Templates, Hide/Show Meta Elements for each particular post, Featured Image, Built-in Social Sharing, About the author box, Built-in Related Posts, Nested Comments, 100+ Shortcodes, Unlimited sidebars, Language support. Version: 0.2 Tags: fixed-width,custom-menu,custom-colors,custom-header,custom-background,two-columns,left-sidebar,right-sidebar,sticky-post,theme-options License: GNU General Public License and Themeforest general license License URI: Licensing/README_License.txt Author URI: http://cosmothemes.com Author: CosmoThemes */ @import url("css/blocks.css"); @import url("css/drop-box.css"); @import url("css/prettyPhoto.css"); /*General*/ html, body{height: 100%;} body{ font:0.75em/1.6em Helvetica, Arial, sans-serif; color: #303e48;} /*Links*/ a,.link{ text-decoration: none; color: #3d6ec8; 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: #ff6363; } 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-family: 'PT Sans Narrow'; 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;} p:last-child{margin-bottom: 0;} blockquote { quotes: none; } del { text-decoration: line-through; } table { border-collapse:collapse; border-spacing: 0; table-layout: fixed; 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; } /*Miscellaneous*/ .hide{display:none;} .inline-block{display:inline-block; } .gray{color: gray;} .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; } .clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} .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;} .no_float {float: none!important; *float: left!important;} .no_bg {background: none!important;} .hidden {display: none;} #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; } #content table { border: 1px solid #e7e7e7; margin: 0 -1px 24px 0; text-align: left; width: 100%; } #content tr th, #content thead th { color: #888; font-size: 12px; font-weight: bold; line-height: 1.6em; padding: 9px 24px; } #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 { } /*Body elements*/ .b_body { overflow: hidden; position: relative; } .b_body_c { margin: 0;} .b_head { height: auto; z-index: 15; position: relative; display: block;} .b_content { z-index: 9; position: relative; margin: 0 0 30px 0; min-height: 600px;} .b_body_f { bottom: 0; position: relative; width: 100%; color: #3f4950; z-index: 10} #primary, #secondary {float: left;} #primary {background: url(images/delimiter.bg.y.png) repeat-y right top;} #primary.fr {background: url(images/delimiter.bg.y.png) repeat-y left top;} #primary.fr #content {margin-left: 30px;} #primary.fullwidth {background: none;} /*Boxed content*/ .larger .b_body{ } .larger .b_body_c { background: url(images/body.bg.png) repeat-y center top;} /*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; line-height:28px; margin: 0 -20px 0 0!important; padding: 0 20px; height:100%; 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; } /*Delimiter*/ .delimiter {width: 100%!important; margin: 30px auto!important; height: 1px; 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 0px 0!important;} .delimiter2 {width: 100%!important; margin: 0px auto!important; height: 1px; float: left; background: url(images/delimiter.bg.x.png) repeat-x 0 0;} .delimiter2.blank {margin: 5px auto!important; background: none; height: 0px;} .delimiter2.noslide {margin: 0 auto 0px 0!important;} .widget .delimiter, #comments .delimiter, .box-related .delimiter { margin: 15px auto!important;} .b_body_f .widget .delimiter {background: url(images/separator.darker.png) repeat-x; height: 2px;} .w_640 .delimiter.types { width: 610px!important;} /*Mosaic overlay*/ .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);} .readmore .mosaic-overlay { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); background: url(images/bg.white.png); bottom: 0; right: 0;} .readmore .mosaic-overlay .details {position: absolute; z-index: 999; bottom: 5px; right: 5px; padding: 2px 10px; background: #ededed; color: #303E48;} .readmore.related .mosaic-overlay {height: 110px; top:0;} .readmore.related .mosaic-overlay .details {right: 0; bottom: 5px;} .grid-view .readmore .mosaic-overlay {height: 160px; top:0;} .grid-view .readmore .mosaic-overlay .details {right: 5px; bottom: 5px;} .cosmo-arrow { font: 100% Times,sans-serif; } .readmore {position: relative; float: left; width: 100%;} .readmore .format {position: absolute; bottom: 5px; left: 5px; padding: 2px 0; width: 32px; z-index: 9;} .format-standard .readmore .format{ background: #ededed url(images/format.standard.png) no-repeat 5px center; } .format-video .readmore .format{ background: #ededed url(images/format.video.png) no-repeat 5px center; } .format-image .readmore .format{ background: #ededed url(images/format.image.png) no-repeat 5px center; } .format-link .readmore .format{ background: #ededed url(images/format.file.png) no-repeat 5px center; } .format-audio .readmore .format { background: #ededed url(images/format.audio.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; margin: 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%; } /*Tooltips*/ .tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(images/tipsy.gif); } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } /*--------- Here starts the overall styles ----------*/ /*Branding*/ .branding {margin: 30px 0; float: left; *float: none; display: inline-block; width: 100%;} /*Logo*/ .logo { display: block;} .logo a{ cursor: pointer; float: left; width: 100%; } .logo a span{ font-size: 12px; color: gray; display: block;} /*Profile*/ .login-form { top: 5px; z-index: 99;} .profile-pic { float: left; margin-right: 10px; } .login-form .cosmo-icons ul li.signin { max-width: 87px; white-space: nowrap; } .login-form .cosmo-icons ul li.signin a { font-weight: normal; max-width: 71px; overflow: hidden; } .login-form .cosmo-icons ul li:first-child { padding: 0;} .login-form .cosmo-icons ul li a:hover { color: #3F4950;} .login-form .cosmo-icons ul{ margin-top: -2px; box-shadow: none;} .login-form .sf-menu li.sfHover:first-child ul { left: 0px;} .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-size: 12px; 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; } .mask {position: absolute; right: 0; top: 0;} /*Sticky bar*/ .sticky-bar { position: absolute; z-index: 9999; padding: 10px; height: 32px; width: 968px; margin-left: -29px; top: 10px; background: white; *left: 0; border: 1px solid #DBDBDB; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); visibility: hidden; } .sticky-bar.fixed { position: fixed; visibility: visible; top: 0; } .sticky-bar .cosmo-icons { margin-top: 7px;} .sticky-bar .cosmo-icons ul li { background: none; padding: 0 0 0 20px } .sticky-bar .cosmo-icons ul li:first-child { padding: 0; } .sticky-bar .cosmo-icons ul li a{ max-width: none; padding-left: 22px; background: url(images/my.profile.png) no-repeat; height: 16px; font-size: 12px; font-weight: normal; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;} .sticky-bar .cosmo-icons ul li a:hover{ color:#3F4950; } .sticky-bar .cosmo-icons ul li.signin { padding: 0; } .sticky-bar .cosmo-icons ul li.signin a{ background: none; padding: 0; font-weight: bold;} .sticky-bar .cosmo-icons ul li.my-settings a{ background-position: 0 0px} .sticky-bar .cosmo-icons ul li.my-settings a:hover{ background-position: 0 -16px} .sticky-bar .cosmo-icons ul li.my-profile a{ background-position: 0 -32px} .sticky-bar .cosmo-icons ul li.my-profile a:hover{ background-position: 0 -48px} .sticky-bar .cosmo-icons ul li.my-posts a{background-position: 0 -64px } .sticky-bar .cosmo-icons ul li.my-posts a:hover{background-position: 0 -80px } .sticky-bar .cosmo-icons ul li.my-likes a{background-position: 0 -96px; } .sticky-bar .cosmo-icons ul li.my-likes a:hover{background-position: 0 -112px; } .sticky-bar .cosmo-icons ul li.my-logout a{background-position: 0 -128px; } .sticky-bar .cosmo-icons ul li.my-logout a:hover{background-position: 0 -144px; } .sticky-bar .cosmo-icons ul li.my-add a{background-position: 0 -160px; } .sticky-bar .cosmo-icons ul li.my-add a:hover{background-position: 0 -176px; } .sticky-bar .cosmo-icons ul li.image a{background-position: 0 -192px; } .sticky-bar .cosmo-icons ul li.image a:hover{background-position: 0 -208px; } .sticky-bar .cosmo-icons ul li.video a{background-position: 0 -224px; } .sticky-bar .cosmo-icons ul li.video a:hover{background-position: 0 -240px; } .sticky-bar .cosmo-icons ul li.text a{background-position: 0 -256px; } .sticky-bar .cosmo-icons ul li.text a:hover{background-position: 0 -272px; } .sticky-bar .cosmo-icons ul li.audio a{background-position: 0 -288px; } .sticky-bar .cosmo-icons ul li.audio a:hover{background-position: 0 -304px; } .sticky-bar .cosmo-icons ul li.attach a{background-position: 0 -320px; } .sticky-bar .cosmo-icons ul li.attach a:hover{background-position: 0 -336px; } /*Cosmo icons*/ .b_head #access { float: left; width: 100%; margin-bottom: 30px; *display: inline-block; *float: none;} .cosmo-icons { display: inline-block; margin:0;} .cosmo-icons.main { display: inline-block; margin-top:0;} .cosmo-icons ul {float: left; } .cosmo-icons ul li {float: left; background: url(images/delimiter.bg.y.png) repeat-y left center; padding: 0 20px; height: auto; max-height: 34px;} .cosmo-icons ul li:first-child { padding: 0 20px 0 0; background: none;} .cosmo-icons ul li a { font-size: 14px; font-weight: bold; float: left; height: auto; color: #3f4950;} .cosmo-icons ul li.active a {color: #3D6EC8;} .cosmo-icons ul li a:hover {color: #3D6EC8;} .cosmo-icons li a span { color: #AFAFAF; font:italic 12px Georgia, "Times New Roman"; clear: both; display: block; } /*Supplementary menu*/ .cosmo-icons ul.supplement li:first-child { padding: 0 20px; background: url(images/delimiter.bg.y.png) repeat-y left center;} /*** 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: 100%; } .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: 34px; left: 20px; /* match top ul list item height */ z-index: 99; } .sf-menu li.sfHover:first-child ul { left: 20px;} 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; } 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; background: white; background: rgba(255, 255, 255, 0.95); border: 1px solid #EFEFEF; border-bottom: none; -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .sf-menu li li a{ display: inline-block; } .sf-menu li.active li a{ display: inline-block; color: #3F4950;} .sf-menu li.active li a:hover{ color: #3D6EC8;} .cosmo-icons ul.sf-menu li li:first-child { padding: 10px 0; background: white; background: rgba(255, 255, 255, 0.95); } .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: 16px; } .sf-sub-indicator { position: absolute; display: inline-block!important; clear: none!important; right: 0; top: 1.05em; /* IE6 only */ width: 11px; height: 12px; text-indent: -999em; overflow: hidden; background: url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { top: 1px; background-position: 0 -100px; } 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: -10px -100px; } .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; top: 3px; } .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: 10px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /*Search form*/ .searchform { display: inline-block; margin-top: 5px; } .searchform #searchform, .widget_search #searchform{ 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: 162px;} .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;} /*Slider*/ .cosmo-slider {float:left; display: block; margin: 0 0 30px 0; position: relative; *float: none; *display: inline-block; } .cosmo-slider .slide{margin: 0; float: left; position: relative; width:990px; height:300px; background: #fff url(images/ajax-loader.gif) no-repeat center center; display: block; overflow: hidden;} .cosmo-slider .slide .slides_control{position: relative; height: 0;} .cosmo-slider .slide .slides_control > div{ position: absolute; top: 0px; left: 0; width:990px; height:300px;} .cosmo-slider .slide img{ float: left;} /*.stripes{ position: absolute!important; top: 0; left: 0; width:100%; height:100%; background: url(images/stripes.png) repeat 0 0;}*/ /*.cosmo-slider .stripes{ z-index:11; background: url(images/stripes.slider.png) repeat 0 0;}*/ .readmore .stripes {margin: 5px; height: 150px; width: 280px;} .entry-header.w_610 .readmore .stripes {width: 600px;} .cosmo-slider .caption{ position: absolute; bottom: 30px; background: url(images/caption.bg.png) repeat; width: 410px; height: auto; padding: 10px 30px 20px 30px; z-index:12; text-shadow: 0 1px 0 #fff} .cosmo-slider .caption.left { left: 30px;} .cosmo-slider .caption.right { right: 30px;} .cosmo-slider .caption span.shadow{ width:444px; height:25px; position: absolute; bottom: -25px; right: 1px; z-index: 1;} .cosmo-slider .caption.left span.shadow{ background: url(images/caption.shadow.png)no-repeat 0 -25px;} .cosmo-slider .caption.right span.shadow{ background: url(images/caption.shadow.png)no-repeat 0 0;} .cosmo-slider .caption h2{ font-size: 34px; line-height: 36px; margin-bottom: 10px; width: 350px; z-index: 2; position: relative;} .cosmo-slider .caption p{ font-size: 14px; margin-bottom: 0; z-index: 2; position: relative;} .next_navigation, .prev_navigation { display: none; cursor:pointer; left:-40px; position:absolute; top:45%; width:21px ; z-index:9; background: url(images/arrows.png) no-repeat scroll 0 0; height: 34px; text-indent: -9999px; } .next_navigation{ left:1010px; background: url(images/arrows.png) no-repeat -21px 0; } .prev_navigation:hover{ background-position: 0px -35px; } .next_navigation:hover{ background-position: -21px -35px; } .cosmo-slider .actions a.prev{ background-position: 0 -32px;} .cosmo-slider .actions a.next{ background-position: right -64px; padding-right: 42px; padding-left: 20px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .cosmo-slider .slide {margin-left: 1px;} } /*Love*/ .fl .love, .fullwidth .love {width: 48px; height: 42px; position: absolute; top: 0; left: -68px; *left: -96px; text-align: center; line-height: 36px; color: inherit; } @media \0screen { .fl .love, .fullwidth .lovec {left: -82px;} } .fr .love {width: 48px; height: 42px; position: absolute; top: 0; right: -107px; text-align: center; line-height: 36px; color: inherit; } .love .voteaction {width: 48px; height: 42px; float: left; display: block; position: absolute; top: 0; background: url(images/love.png) no-repeat; cursor: pointer;} .love .voteaction.voted { background-position: 0 -42px;} .love .voteaction:hover {background-position: 0 -84px; } .love div { position: relative; overflow: hidden; width: 48px; height: 42px; } .love em { display: block; position: relative; width: 48px; height: 42px; font-style: normal; } .love strong { position: relative; z-index: 999; color: white;} .larger .fl .love, .larger .fullwidth .love {left: -107px; *left: -137px;} #voteaction.fixed { position: fixed; top: 20px;} /*List view / Grid view*/ .content-title {width:910px; margin:0 auto 30px auto; background: #f5f5f5; position: relative; padding: 10px; border-radius: 6px; } .content-title .title{position: relative; margin: 0 10px; } /*.content-title .left { background:url(images/title.left.png) no-repeat; width: 10px; height: 9px; position: absolute; bottom: -10px; left:0} .content-title .right { background:url(images/title.right.png) no-repeat; width: 10px; height: 9px; position: absolute; bottom: -10px; right:0}*/ .content-title .left { display: none;} .content-title .right { display: none;} #content {float: left; *float: none;} .list-view, .grid-view { position: relative; } /*Featuring image*/ .featimg {width: 100%; float: left; *float: none; position: relative; clear: both; } .featimg .img {width: 100%; float: left; position: relative; background: #EDEDED url(images/ajax-loader.gif) no-repeat center center; border-radius: 6px; text-align: center; min-height: 100px;} .w_610 .featimg .img img{padding: 5px; display: block;margin: 0 auto; max-width: 600px !important;} .w_930 .w_610 .featimg .img img{max-width: 600px !important;} .w_930 .featimg .img img{padding: 5px; display: block;margin: 0 auto; max-width: 920px !important;} .wp-caption-text{ display: block; text-align: center; font-family: "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; margin-bottom: 20px; } .entry-footer { float: left; width: 100%; clear: both;} .w_930 .entry-header.w_610 {width: 610px; clear: none;} .w_930 .entry-content.w_290 {width: 290px; clear: none;} .w_930 .entry-footer.w_290 {width: 290px; clear: none;} .w_610 .entry-content.w_610 {width: 610px; margin: 20px 0 0 0;} .w_610 .entry-footer.w_610 {width: 610px; margin: 20px 0 0 0;} /*Meta*/ div.entry-meta{ position: relative; float: left; margin:0 0 25px 0; width: 100%;} div.entry-meta ul { float: left; position: relative; top: 2px;} div.entry-meta ul li { float: left; padding: 0 0 0 10px; margin: 0 0 0 10px; line-height: 16px; height: 16px; color: #303e48; width: auto; background: url(images/delimiter.bg.meta.png) no-repeat left center; font: italic normal 11px Georgia;} div.entry-meta ul:first-child li:first-child {padding: 0; margin: 0; background: none!important;} div.entry-meta ul li a, div.entry-meta ul li time{ color: #303e48; display: block; float: none; padding-left: 21px; line-height: 16px; height: 16px; 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;} div.entry-meta ul li a:hover{ color: #ff8080;} div.entry-meta ul li.cosmo-comments a{ background: url(images/meta.sprite.png) no-repeat 0 0px; } div.entry-meta ul li.edit_post a { background: url(images/meta.sprite.png) no-repeat 0 -48px; } div.entry-meta ul li.author a { background: url(images/meta.sprite.png) no-repeat 0 -64px;} div.entry-meta ul li.time time { background: url(images/meta.sprite.png) no-repeat 0 -80px;} div.entry-meta ul li.cosmo-love a{ background: url(images/meta.sprite.png) no-repeat 0 -96px; } div.entry-meta ul li.delete_post a { background: url(images/meta.sprite.png) no-repeat 0 -112px; } /*Footer entry meta*/ .b_f_c div.entry-meta ul li a, .b_f_c div.entry-meta ul li time{ color: white;} /*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 -16px; margin: 0 0 0 10px; padding: 0 0 0 21px;} 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 -32px; margin: 0 0 0 10px; padding: 0 0 0 21px;} 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: 130px; float: left;} div.entry-meta .entry-author a {line-height: 1.4em; float: left; width: 88px; } 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"; clear: both; } /*Meta vertical*/ .vertical div.entry-meta { width: 130px; margin: 0 30px 20px 0;} .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 21px; } .vertical div.entry-meta ul.category li:first-child { background: url(images/meta.sprite.png) no-repeat 0 -16px; } .vertical div.entry-meta ul.b_tag li:first-child { background: url(images/meta.sprite.png) no-repeat 0 -32px;} /*Hotkeys meta*/ .hotkeys-meta {float: right; height: 20px;} span.nav-previous a, span.nav-next a, span.nav-zoom a{ width: 25px; height: 20px; background: url(images/arrows.sprite.png) no-repeat 0 0; text-indent: -999em; position: absolute; top: 4px; } span.nav-previous a{ right: 48px; } span.nav-previous.no-zoom a{ right: 24px; } span.nav-zoom a{ background-position:-24px 0; right: 24px; } span.nav-next a{ background-position:-48px 0; right: 0; } span.nav-next a:hover{ background-position:-48px -20px;} span.nav-zoom a:hover{ background-position:-24px -20px;} span.nav-previous a:hover{ background-position:0 -20px;} span.first a{ display: none;} .fl #sticky-bar.fixed, .fullwidth #sticky-bar.fixed{position: fixed; top: 70px; margin-left: -16px; *margin-left: -490px;} @media \0screen { .fl #sticky-bar.fixed, .fullwidth #sticky-bar.fixed{margin-left: -496px;} } .fr #sticky-bar.fixed{position: fixed; top: 70px; margin-left: 690px;} .larger .fl #sticky-bar.fixed, .larger .fullwidth #sticky-bar.fixed{position: fixed; top: 70px; margin-left: -58px; *margin-left: -535px;} @media \0screen { .larger .fl #sticky-bar.fixed, .larger .fullwidth #sticky-bar.fixed {margin-left: -520px;} } .larger .fr #sticky-bar.fixed{position: fixed; top: 70px; margin-left: 728px;} /*Excerpt*/ .entry-footer .excerpt {margin-bottom: 20px;} .entry-footer .share {float: left;} .entry-footer .source {float: right; max-width: 270px; overflow: hidden; text-align: right;} .entry-footer .source p{ display: inline-block; background: #EDEDED; padding: 2px 10px; border-radius: 6px; } .grid-view .entry-footer .excerpt {margin-bottom: 0;} .share .share_button {position: relative; margin-right: 15px; top: -6px; display: inline-block;} .b_text .attach {float: left; width: 600px; 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;} /*Breadcrumbs*/ .breadcrumbs { padding:10px 0 10px 0; margin: 0; font-size: 11px; background: url(images/delimiter.bg.x.png) repeat-x left top ; clear: both; *float: none;} .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; } /*Single*/ .post {clear: both; position: relative; float: left; width: 100%;} .vertical .b_text {float: left;} .w_610 .vertical .b_text {width: 450px;} .w_930 .vertical .b_text {width: 770px;} /*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; margin-bottom: 15px;} .b_text #map_canvas img { background: none;} /*About the author*/ .box-author { position: relative; float: left; padding: 15px 0 0 0;} .box-author a { float: left; width: 65px;} .box-author a img{width: 50px; height: 50px; border-radius: 4px; 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;} /*Related posts*/ .box-related { position: relative; display: inline-block; float: left; width: 100%;} .box-related div > div { position: relative; display: inline-block; clear: both;} .box-related div > div.last { margin-bottom: 0;} .box-related .col {float: left; display: inline-block; width: 180px; padding-bottom: 30px; position: relative; margin-left: 40px;} .box-related .col:first-child {margin-left: 0px;} .box-related div > div.last .col{ background: none; padding-bottom: 0;} .box-related a.mosaic-overlay { position: relative;} .box-related img{float: left; width: 170px; height: 100px; padding: 5px; border-radius: 4px; background: #ededed; border: none; } .box-related h4{ float: left; width: 100%; margin: 15px 0 10px 0; font: normal 14px/18px Helvetica, Arial, sans-serif;} .box-related .entry-meta{ margin: 0;} /*Grid Category page*/ .grid-view { position: relative; display: inline-block; float: left; clear: both;} .grid-view .loop-container-view > div { position: relative; float: left; clear: both; width: 100%;} .grid-view .loop-container-view > div.last { margin-bottom: 0;} .grid-view .col {float: left; display: inline-block; width: 290px; padding-bottom: 30px; position: relative; margin-left: 30px;} .grid-view .col:first-child {margin-left: 0px;} .grid-view .loop-container-view > div.last .col{ background: none; padding-bottom: 0;} .grid-view a.mosaic-overlay { position: relative;} .grid-view img{float: left; width: 280px; height: 150px; padding: 5px; border-radius: 4px; background: #ededed; border: none; } .grid-view h2{ float: left; width: 240px; margin: 15px 0; font: normal 20px/25px 'PT Sans Narrow'; position: relative; } .ilove{ position: absolute; right: -50px; top: 5px; cursor: pointer; } .ilove em{ font-style: normal;} .ilove strong{ width: auto; float: left; text-align: right; height: 16px; font:bold 14px 'PT Sans Narrow'; background: url(images/heart.png) no-repeat left top; padding-left: 21px; } .ilove strong:hover{ background-position: 0 -16px;} .caption .ilove { right: -60px; top: 8px; } .caption .ilove strong { height: 24px; font-size: 22px; background: url(images/heart.caption.png) no-repeat left top; padding-left: 29px; } .caption .ilove strong:hover { background-position: 0 -24px; } .cosmo-love .ilove {text-align: right; top: 0; right: 0; position: relative; } .cosmo-love .ilove strong { font: italic normal 11px Georgia; width: auto; float: left; background: url(images/heart.list.png) no-repeat left top; } .cosmo-love .ilove strong:hover { background-position: 0 -16px; } h1.entry-title .ilove {left: 0px; top: 0; } h1.entry-title .ilove strong { font-size: 22px; font-weight: normal; height: 24px; background: url(images/heart.caption.png) no-repeat left top; padding-left: 29px;} h1.entry-title .ilove strong:hover { background-position: 0 -24px; } .zoom-heart1{ position:absolute; height:24px; width:24px; margin:0px 1px 0px -1px; } .zoom-heart2{ position:absolute; height:16px; width:16px; margin:0px 5px 0px -5px; } .zoom-heart3{ position:absolute; height:16px; width:16px; margin:-3px 0px 3px 0px; } .ilove.voted strong, .cosmo-love .ilove.voted strong {background-position: 0 -16px;} .caption .ilove.voted strong, h1.entry-title .ilove.voted strong {background-position: 0 -24px;} /*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; width: 800px; } h2.entry-title { line-height: 26px;} h1.entry-title strong a{ font-weight: normal; color: #ff6363;} .content-title h1.entry-title {font-size: 24px; line-height: 26px; } h1.entry-title span {position: relative; margin-left: 10px} h1.entry-title span:first-child {margin: 0; } .grid-view .post, .box-related .post{clear: none;} /*Date*/ .entry-date { width: 60px; height: 56px; position: absolute; left: -97px; background: url(images/date.bg.png) no-repeat 0 0; top: 0; font: italic 12px/15px Georgia; padding: 8px 4px 0 5px; text-align: center; } .w_640.fr .entry-date {background-position: 0 -64px; left: 640px;} /*Switch*/ a.switch { display: inline-block; position: absolute; top: 4px; right: 0px; width: 49px; height: 20px; overflow: hidden; background: url(images/display.png) no-repeat right -20px; cursor: pointer; } a.switch.swap { background-position: right 0px; } /*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; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .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: 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*/ .widget {margin-top: 50px; float: left; width: 100%; display: block; clear: both;} .widget:first-child {margin-top: 0px;} h4.widget-title, h5.widget-title { font: normal 20px "PT Sans Narrow"; width: 100%; margin: 0;} .b_body_f h5.widget-title { color: #b5bbbf;} .b_body_f .widget ul li {background: url(images/separator.darker.png) repeat-x bottom left; font-size: 12px;} .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 a{ color:#303E48; } .widget ul li a:hover{ color: #3D6EC8;} .widget ul li span{font-weight: normal; font-size: 12px;} /*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 { margin: 0 0 20px 1.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 "PT Sans Narrow"; float: left; height: 22px; line-height: 20px; color: #3F4950;} .widget_tabber ul.widget_tabber li.active a {color: #3D6EC8;} .b_f_c .widget_tabber ul.widget_tabber li a { font: normal 15px "PT Sans Narrow"; color: white;} .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 .tabs-container ul li { font-weight: normal; } .widget_tabber .tabs-container ul li .entry-img { float: left; width: 65px;} .widget_tabber .tabs-container ul li .entry-img img { border-radius: 4px; width: 50px; height: 50px; } .widget_tabber .tabs-container ul li .entry-item { float: left; width: 195px;} .widget_tabber .tabs-container ul li h5 { font: normal 12px/18px Helvetica, Arial, sans-serif; margin-bottom: 10px;} .widget_tabber .tabs-container ul li h5 a {float: none; color: #3F4950;} .widget_tabber .tabs-container ul li h5 a:hover { color: #3D6EC8;} .widget_tabber .tabs-container ul li .entry-meta { margin: 0;} .widget_tabber .tabs-container ul li .entry-meta ul li { background: url(images/delimiter.bg.meta.png) no-repeat left center; font-size: 11px;} .w_210 .widget_tabber .tabs-container ul li .entry-item{ width: 145px;} span.author_nr_views {display: block; font: italic 12px Georgia; margin-top: 5px; } /*Latest posts widget*/ .widget_latest_posts ul li { font-weight: normal; } .widget_latest_posts ul li .entry-img { float: left; width: 65px;} .widget_latest_posts ul li .entry-img img { border-radius: 5px; width: 50px; height: 50px; } .widget_latest_posts ul li .entry-item { float: left; width: 195px;} .widget_latest_posts ul li h5 { font: normal 14px/18px Helvetica, Arial, sans-serif; margin-bottom: 10px;} .widget_latest_posts ul li .entry-meta { margin: 0;} .widget_latest_posts ul li .entry-meta ul li { background: url(images/delimiter.bg.meta.png) no-repeat left center; font-size: 11px;} .w_210 .widget_latest_posts ul li .entry-item { width: 145px;} .w_210 .widget_latest_posts ul li h5 { font: normal 12px/14px Helvetica, Arial, sans-serif; } /*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:23px; 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:23px; margin: 0 -15px 0 0!important; padding: 0 15px; height:100%; border: none; cursor: pointer; color: #3f4950; background: url(images/tags.bg.png) no-repeat right -23px; width: auto!important; text-shadow: 0 1px 0 #fff; text-indent: 5px;} p.tags:hover {background-position: left -46px;} p.tags a:hover{text-decoration: none; background-position: right -69px;} /*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: 10px; 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: 32px; height: 32px;} .w_450 .widget .social-media {float: right; position: relative; top: 5px;} .w_450 .widget .social-media ul li {margin-left: 0; } .b_f_c .widget .social-media ul li.fb a{background-position: 0 0;} .b_f_c .widget .social-media ul li.twitter a{background-position: 0 -32px;} .b_f_c .widget .social-media ul li.linked a{background-position: 0 -64px;} .b_f_c .widget .social-media ul li.flickr a{background-position: 0 -96px;} .b_f_c .widget .social-media ul li.email a{background-position: 0 -128px;} .b_f_c .widget .social-media ul li.rss a{background-position: 0 -160px;} .widget .social-media ul li.fb a{background-position: 0 -192px;} .widget .social-media ul li.twitter a{background-position: 0 -224px;} .widget .social-media ul li.linked a{background-position: 0 -256px;} .widget .social-media ul li.flickr a{background-position: 0 -288px;} .widget .social-media ul li.email a{background-position: 0 -320px;} .widget .social-media ul li.rss a{background-position: 0 -352px;} .w_450 .widget .social-media ul li.fb a{background-position: 0 -384px;} .w_450 .widget .social-media ul li.twitter a{background-position: 0 -416px;} .w_450 .widget .social-media ul li.linked a{background-position: 0 -448px;} .w_450 .widget .social-media ul li.flickr a{background-position: 0 -480px;} .w_450 .widget .social-media ul li.email a{background-position: 0 -512px;} .w_450 .widget .social-media ul li.rss a{background-position: 0 -544px;} /*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;} #wp-calendar { width: 100%; } #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 { } #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{ display: block; } .cosmo-twit-container span.date a{ color: #AFAFAF; text-decoration: none; } .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_twitter{ padding: 0; border: none; background: none;} .static .cosmo_twitter .tweet_item{ background: url(images/delimiter.bg.x.png) repeat-x bottom left; padding: 13px 0 15px 0; } .static .cosmo_twitter .tweet_item:first-child{ padding-top: 0; } .static .cosmo_twitter p{ width: auto;} .static .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: 22px; line-height: 22px; padding-left: 40px; text-align: left;} /*Footer Twitter widget*/ .b_body_f .cosmo-twit-container { top: -1px; } .b_body_f .cosmo_twitter{ padding: 0; border: none; background: none;} .b_body_f .cosmo-twit-container a{ color: #fff; } .b_body_f .cosmo-twit-container a:hover{ color: #afafaf; } .b_body_f .cosmo-twit-container p{ margin:0; color: white;} .b_body_f .cosmo_twitter .tweet_item{ background: url(images/separator.darker.png) repeat-x bottom left; padding-bottom: 15px;} .b_body_f .cosmo-twit-container .cosmo_twitter p{ width: 210px;} /*Flickr*/ .widget .flickr_badge_image{ float:left; margin:0px 25px 25px 0px; } .widget .flickr_badge_image.last { margin:0px 0 25px 0px; } .widget .flickr {margin: 0 0 -25px 0; float: left; width: 100%; } .widget .flickr_badge_image img {padding: 5px; border-radius: 5px; background: #ededed; border: none; width: 60px; height: 60px; } .w_210 .widget .flickr_badge_image{ margin:0px 30px 30px 0px; } .w_210 .widget .flickr_badge_image.last { margin:0px 0 30px 0px; } .w_210 .widget .flickr_badge_image img{ width: 50px; height: 50px; 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; } /* 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: 30px; margin: 30px 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; } /*Footer*/ .b_f_c {color: white; margin:0 auto; position: relative;} .b_f_c a {color: white; } .b_f_c a:hover {color: #B5BBBF; } .b_f_c .footer-area{padding: 30px 0} /*Footer menu*/ .b_f_c ul.footer-menu{ float: right; line-height: 40px; height: 40px; 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.active a{ color: #B5BBBF;} .b_f_c ul.footer-menu li a { padding: 0 0 0 12px; color: #fff; } .b_f_c ul.footer-menu li a:hover {color: #B5BBBF; } .b_f_c ul.footer-menu li ul{ display: none; } .b_f_c .bottom {background: url(images/black.png) repeat; width: 100%; height: 40px;} .b_f_c .bottom .copyright{ color: white; line-height: 40px;} /*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 0 0 0; margin-bottom: 30px; background: url(images/delimiter.bg.x.png) repeat-x left top;} .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;} #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; } .cosmo-tabs.submit ul.tabs-nav {padding: 0; float: left!important; background: none; height: auto; border: none;} .w_610 .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: whiteSmoke!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%;} .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_610 .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_610 .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_610 .cosmo-tabs.submit .field p.info, .w_610 #loading_, .w_610 #success_msg, .w_610 .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_610 .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; } #file_upload.invalid, #audio_upload.invalid {border: none!important; } .w_610 #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_610 #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:#3D6EC8;} .fb_connect {text-align: center; padding: 15px 0 5px 0; } /*To top*/ #toTop { background: rgba(255, 255, 255, 0.80); padding: 4px 10px; color: #3F4950; position: fixed; bottom: 40px; right: 0px; cursor: pointer; display: none; z-index: 999; text-transform: lowercase;} #toTop .arrow{ font: 100% Times,sans-serif;} /*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;} #adduser #avatar_upload { width: auto; float: left; border: 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*/ .my-posts.w_610 h2.entry-title {width: 550px; } .my-posts.w_930 h2.entry-title {width: 870px; } .my-posts .status-pending h2.entry-title {text-indent: 70px; background: url(images/icon.pending.png) no-repeat left 3px;} .my-posts .status-draft h2.entry-title {text-indent: 60px; background: url(images/icon.draft.png) no-repeat left 3px;} .my-posts div.entry-meta {width: auto; position: absolute; right: 0px; margin: 0; top: 3px; } .my-posts div.entry-meta ul { float: right; } .my-posts .entry-content {margin: 0; } /*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;}