/* - CSS Reset -> Begin ----------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display: block; } nav ul, nav ol { list-style: none; list-style-image: none; } ol, ul { list-style: none; } q { font-style: italic; quotes: "\00ab" "\00bb"; } abbr { border-bottom:1px dashed #949494; } small { font-size:11px; } big { font-size:14px; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } object { display: block; border: 1px solid #fff; } input, textarea {outline: none;} /* Chrome, Safari */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #2f2f2f;} /* Firefox */ input:-moz-placeholder, textarea:-moz-placeholder {color: #2f2f2f;} /* - CSS Reset -> End ----------------------------------------- */ header, footer, section, article, nav { display:block; margin:0; padding:0; } /* ############################################################## BASE -> Begin ############################################################## /* - CSS Reset -> End ----------------------------------------- */ body { background-color: #fff; color: #2f2f2f; font: 13px/1.5 'Tahoma'; min-width: 980px; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } body.t-text-1 {font-family: 'Tahoma';} body.t-text-2 {font-family: 'Arial';} body.t-text-3 {font-family: 'Verdana';} a { text-decoration: none; outline:none; } p { margin: 0 0 1.5em 0; padding: 0; line-height: 1.5em; } b { font-size: 14px; } h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; color: #385EA7; font-weight: 100; line-height: 1.25em; } h1 {font-size: 22px;} h2 {font-size: 21px;} h3 {font-size: 18px;} h4 {font-size: 15px;} h5 {font-size: 14px;} h6 {font-size: 12px;} .t-header-1 h1, .t-header-1 h2, .t-header-1 h3, .t-header-1 h4, .t-header-1 h5, .t-header-1 h6 {font-family: 'Jockey One', cursive;} .t-header-2 h1, .t-header-2 h2, .t-header-2 h3, .t-header-2 h4, .t-header-2 h5, .t-header-2 h6 {font-family: 'Oswald', sans-serif;} .t-header-3 h1, .t-header-3 h2, .t-header-3 h3, .t-header-3 h4, .t-header-3 h5, .t-header-3 h6 {font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 600;} .kids_clear {clear: both;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .link { -webkit-transition: all 250ms linear 0s; -moz-transition: all 250ms linear 0s; -ms-transition: all 250ms linear 0s; -o-transition: all 250ms linear 0s; transition: all 250ms linear 0s; } .link:hover {color: #2f2f2f ! important;} #kids_middle_container{ background-image:url("../images/jeans-pattern.png"); } .kids-bg-level-1{ background:#AFCAE0 url("../images/jeans-pattern.png") repeat !important; } /* ############################################################## BASE -> End ############################################################## */ /* ############################################################## GENERAL -> Begin ############################################################## */ .icon { padding: 0 10px 0 0; vertical-align: middle; } .border-shadow { position: relative; margin-bottom: 25px; } .border-shadow figure { position: relative; z-index: 2; padding: 2px; background-color: #cde9f3; border: 1px solid #9bc0dd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .border-shadow img { display: block; border: 1px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .border-shadow:after, .border-shadow:before { position: absolute; z-index: 0; bottom: 20px; width: 50%; height: 15px; -webkit-box-shadow: 0 15px 10px rgba(0,0,0, .4); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, .4); box-shadow: 0 15px 10px rgba(0, 0, 0, .4); content: ""; } .border-shadow:before { -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg); left: 10px; } .border-shadow:after { -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); right: 10px; } /* ############################################################## LAYOUT -> Begin ############################################################## */ .l-page-width { width: 940px; padding: 0 10px; text-align: left; margin: 0 auto; } .l-page-width.no-padding { padding: 0; width: 968px; } .l-float-left { float: left; } .l-float-right { float: right; } .l-float-center { position: relative; margin: auto; } .l-grid-2 { width: 120px; } .l-grid-3 { width: 180px; } .l-grid-3a { width: 210px; } .l-grid-4 { margin-bottom: 1.5em; width: 240px; } .l-grid-5 { width: 300px; } .l-grid-7 { width: 420px; } .l-grid-9 { width: 530px; } .entry-container .l-grid-3 { margin-right: 2.8em; margin-bottom: 1.5em; } .last { margin-right:0 !important; } /* ############################################################## LAYOUT -> End ############################################################## */ /* ############################################################## MULTI COLUMNS -> End ############################################################## */ .full_width, .one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .two_thirds, .two_thirds_last, .three_fourth, .three_fourth_last, .four_fifth, .four_fifth_last {padding-bottom: 1.5em;} #kids_middle_container .full_width { width: 860px; } #kids_middle_container .one_half { float: left; width: 390px; } #kids_middle_container .one_half_last { float: right; width: 390px; margin: 0; } #kids_middle_container .one_third { float: left; width: 260px; margin-right: 60px; } #kids_middle_container .one_third_last { float: right; width: 260px; margin: 0; } #kids_middle_container .one_fourth { float: left; width: 190px; margin-right: 45px; } #kids_middle_container .one_fourth_last { float: right; width: 190px; margin: 0; } #kids_middle_container .one_fifth { float: left; width: 153px; margin-right: 33px; } #kids_middle_container .one_fifth_last { float: right; width: 153px; margin: 0; } #kids_middle_container .two_thirds { float: left; width: 580px; margin-right: 35px; } #kids_middle_container .three_fourth { float: left; width: 655px; margin: 0; } #kids_middle_container .four_fifth { float: left; width: 700px; margin: 0; } /* ############################################################## THEMES -> Begin ############################################################## */ /* -- Blue --> Begin -- */ /* -- Minigallery --> Begin -- */ .minigallery li { -webkit-transition: background-color .25s linear; -moz-transition: background-color .25s linear; -o-transition: background-color .25s linear; transition: background-color .25s linear; } #kids_main_nav ul ul ul{ left:4px !important; left:1px \0/ !important; } .minigallery li img {display: block;} .t-blue .minigallery-list { position:relative; margin-bottom: 2em; padding: 4px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #cde9f3; } .t-blue .minigallery { margin: 0 auto; width: 100%; overflow: hidden; } .t-blue .minigallery ul { overflow: hidden; width: 1440px; } .t-blue .minigallery li { float: left; margin: 0 3px; padding: 5px; height: 68px !important; background-color: #afd7eb; border: 1px solid #5490bd !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; list-style:none; } .t-blue .minigallery li:hover { background-color: #e8f5fa; } .t-blue .minigallery li img { width: 76px; border: 1px solid #fff; height: 66px; } .t-blue .minigallery-list .next, .t-blue .minigallery-list .prev { position: absolute; cursor: pointer; display: block; width: 24px; height: 43px; text-indent: -5000px; top: 25px; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .t-blue .minigallery-list .prev { background: url(../images/blue/arrow_prev_next.png) 0 0 no-repeat; left: 10px; } .t-blue .minigallery-list .next { background: url(../images/blue/arrow_prev_next.png) -45px 0 no-repeat; right: 10px; } .t-blue .minigallery-list .prev:hover, .t-blue .minigallery-list .next:hover, .t-blue .minigallery-list2 .prev2:hover, .t-blue .minigallery-list2 .next2:hover { opacity: .7; } .t-blue .minigallery-list .disabled, .t-blue .minigallery-list .disabled:hover { background: none; cursor: auto; } .t-blue .minigallery-list2 { position:relative; margin-bottom: 2em; margin-left: 10px; margin-right: 10px; padding: 4px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #aad3e9; } .t-blue .minigallery-list2 .next2, .t-blue .minigallery-list2 .prev2 { position: absolute; top: 25px; display: block; width: 41px; height: 41px; text-indent: -5000px; cursor: pointer; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .t-blue .minigallery-list2 .prev2 { left:-15px; background: url(../images/blue/direction-nav.png) 0 0 no-repeat; } .t-blue .minigallery-list2 .next2 { right: -15px; background: url(../images/blue/direction-nav.png) -59px 0 no-repeat; } .t-blue .minigallery-list2 .disabled, .t-blue .minigallery-list2 .disabled:hover { background: none; cursor: auto; } /* -- Minigallery --> End -- */ .t-blue .kids_slider_wrapper { border-color: #3d7bb3; background-color: rgba(205,233,243,.3); } .ie8 .t-blue .kids_slider_wrapper {background-color: rgb(205,233,243);} .t-blue .camerapag_left { background-image: url('../images/blue/slider_control_left_bg.png'); } .t-blue .camerapag_right { background-image: url('../images/blue/slider_control_right_bg.png'); } .t-blue .camera_pag { background-image: url('../images/blue/slider_control_bg.png'); } .t-blue .camera_pag_ul li, .t-blue .flex-control-nav li a { background-image: url('../images/blue/slider_control_item_bg.png'); } .t-blue .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent ,.t-blue .flex-control-nav li a.flex-active { background-image: url('../images/blue/slider_control_active_item_bg.png'); } .t-blue .kids_button { border-color:#8fb4d0; } .t-blue .kids_button:hover { border-color:#85adcd; } .t-blue .kids_button > span { color:#446dab; background-image: url('../images/blue/button_bg.png'); background-color: #b7d5e7; } .t-blue .kids_button > .fade { background-image: url('../images/blue/button_hover_bg.png'); background-color: #83b2d0; } .t-blue #kids_middle_container .kids_image_wrapper { background-color:#cde9f3; border-color:#9bc0dd; } .t-blue .border-shadow figure, .t-blue #sidebar #flickr-badge a, .t-blue #sidebar-left #flickr-badge a, .t-blue #sidebar-right #flickr-badge a, .t-blue .avatar { border: 1px solid #9fc2de; background-color: #cde9f3; } .t-blue #kids_bottom_container .kids_image_wrapper { background-color: #afd7eb; border-color: #5490bd; } .t-blue .kids_audio .kids_curtain { background-image: url('../images/blue/audio_icon.png'); } .t-blue .kids_video .kids_curtain { background-image: url('../images/blue/video_icon.png'); } .t-blue .kids_picture .kids_curtain { background-image: url('../images/blue/picture_icon.png'); } .t-blue .kids_mini_audio .kids_curtain { background-image: url('../images/blue/audio_mini_icon.png'); } .t-blue .kids_mini_video .kids_curtain { background-image: url('../images/blue/video_mini_icon.png'); } .t-blue .kids_mini_picture .kids_curtain { background-image: url('../images/blue/picture_mini_icon.png'); } .t-blue .kids_video_wrapper { background-color: #cde9f3; border-color: #9bc0dd; } .t-blue .camera_prev, .t-blue .flex-prev { background:url("../images/blue/slider_control_prev_item_bg.png") no-repeat; } .t-blue .camera_next, .t-blue .flex-next { background:url("../images/blue/slider_control_next_item_bg.png") no-repeat; } .t-blue #kids-back-top span { background-image: url('../images/blue/to_top_button_bg.png'); } .t-blue #sbr .post-meta { position: absolute; top: 40px; left: -73px; width: 72px; height: 108px; background: url(../images/blue/bg_post_date.png) no-repeat; } .t-blue #sbl .post-meta { position: absolute; top: 40px; right: -70px; width: 72px; height: 108px; background: url(../images/blue/bg_post_date.png) no-repeat 0 -118px; } #dsb .post-meta { position: absolute; top: -3px; left: 12px; width: 82px; height: 55px; } .t-blue #dsb .post-meta { background: url(../images/blue/d_bg_post_date.png) no-repeat left; } /* -- Blue --> End -- */ /* -- Red --> Begin -- */ .t-red .kids-bg-level-1 { background:#dda9a2 url(../images/red/red-bg-level-1.png) repeat !important; } /* -- Minigallery --> Begin -- */ .t-red .minigallery-list { position: relative; margin-bottom: 2em; padding: 4px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #fee2de; } .t-red .minigallery { margin: 0 auto; width: 100%; overflow: hidden; } .t-red .minigallery ul { overflow: hidden; width: 1440px; } .t-red .minigallery li { float:left; margin:0 3px; padding: 5px; height: 68px !important; background-color: #ffd2d9; border: 1px solid #fd6b78 !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; list-style:none; } .t-red .minigallery li:hover { background-color: #fdf1ee; } .t-red .minigallery li img { width:76px; border: 1px solid #fff; height:66px; } .t-red .minigallery-list .next, .t-red .minigallery-list .prev{ cursor:pointer; display:block; width:24px; height:43px; position:absolute; text-indent:-5000px; top:25px; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .t-red .minigallery-list .prev { background:url(../images/red/arrow_prev_next.png) 0 0 no-repeat; left:10px; } .t-red .minigallery-list .next { background:url(../images/red/arrow_prev_next.png) -45px 0 no-repeat; right:10px; } .t-red .minigallery-list .prev:hover, .t-red .minigallery-list .next:hover, .t-red .minigallery-list2 .prev2:hover, .t-red .minigallery-list2 .next2:hover { opacity: .7; } .t-red .minigallery-list .disabled, .t-red .minigallery-list .disabled:hover { background:none; cursor: auto; } .t-red .minigallery-list2 { position:relative; margin-bottom: 2em; margin-left: 10px; margin-right: 10px; padding:4px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #ffd2d9; } .t-red .minigallery-list2 .next2, .t-red .minigallery-list2 .prev2 { cursor:pointer; display:block; width:41px; height:41px; position:absolute; text-indent:-5000px; top:25px; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .t-red .minigallery-list2 .prev2 { background:url(../images/red/direction-nav.png) 0 0 no-repeat; left:-15px; } .t-red .minigallery-list2 .next2 { background:url(../images/red/direction-nav.png) -59px 0 no-repeat; right:-15px } .t-red .minigallery-list2 .disabled, .t-red .minigallery-list2 .disabled:hover { background:none; cursor: auto; } /* -- Minigallery --> End -- */ .t-red .kids_slider_wrapper { border-color:#DA7163; background-color: rgba(216,84,84,.3); } .ie8 .t-red .kids_slider_wrapper {background-color: rgb(216,84,84);} .t-red .camerapag_left { background-image: url('../images/red/slider_control_left_bg.png'); } .t-red .camerapag_right { background-image: url('../images/red/slider_control_right_bg.png'); } .t-red .camera_pag{ background-image: url('../images/red/slider_control_bg.png'); } .t-red .camera_pag_ul li,.t-red .flex-control-paging li a { background-image: url('../images/red/slider_control_item_bg.png'); } .t-red .camera_pag_ul li.cameracurrent,.t-red .flex-control-paging li a.flex-active { background-image: url('../images/red/slider_control_active_item_bg.png') !important; } .t-red .kids_button { border-color:#ff9b9a; } .t-red .kids_button:hover { border-color:#fc7c7c; } .t-red .kids_button > span { color:#e96868; background-image: url('../images/red/button_bg.png'); background-color: #ffd3c9; } .t-red .kids_button > .fade { background-image: url('../images/red/button_hover_bg.png'); background-color: #fd8a8a; } .t-red #kids_middle_container .kids_image_wrapper { border-color:#DA7163; background-color: #FDAEBA; } .t-red .border-shadow figure, .t-red #sidebar #flickr-badge a, .t-red #sidebar-left #flickr-badge a, .t-red #sidebar-right #flickr-badge a, .t-red .avatar { border: 1px solid #DA7163; background-color: #fdaeba; } .t-red #kids_bottom_container .kids_image_wrapper { background-color:#ffd2d9; border-color:#ff7e91; } .t-red #kids_middle_container .wave-border { background: url(../images/red/wave-border.png) no-repeat; padding: 7px; } .t-red #kids_middle_container .magic-border { background: url(../images/red/magic-border.png) no-repeat; padding: 7px; } .t-red #kids_bottom_container { background-image:url('../images/red/bottom_container_top_bg.png'); } .t-red #kids_bottom_container .kids_bottom_container_bg { background-image:url('../images/red/bottom_container_bg.png'); background-color:#fdfbe9; } .t-red .kids_video_wrapper { border-color:#DA7163; background-color: #FDAEBA; } #color_schema a.t-red { background-image: url('../images/red/color_icon.png'); } .t-red .kids_audio .kids_curtain { background-image: url('../images/red/audio_icon.png'); } .t-red .kids_video .kids_curtain { background-image: url('../images/red/video_icon.png'); } .t-red .kids_picture .kids_curtain { background-image: url('../images/red/picture_icon.png'); } .t-red .kids_mini_audio .kids_curtain { background-image: url('../images/red/audio_mini_icon.png'); } .t-red .kids_mini_video .kids_curtain { background-image: url('../images/red/video_mini_icon.png'); } .t-red .kids_mini_picture .kids_curtain { background-image: url('../images/red/picture_mini_icon.png'); } .t-red .hint_popup { border-color: #fd7b8b; background-image: url('../images/red/hint_bg_1.png'); } .t-red .hint_popup_bg { background-image: url('../images/red/hint_bg_2.png'); } .t-red .camera_prev, .t-red .flex-prev{ background-image: url('../images/red/slider_control_prev_item_bg.png') !important; } .t-red .camera_next, .t-red .flex-next{ background-image: url('../images/red/slider_control_next_item_bg.png') !important; } .t-red #kids-back-top span { background-image: url('../images/red/to_top_button_bg.png'); } .t-red #signUp { background-image: url('../images/red/bg_sign_up.png'); } .t-red .kids-subscribe-block #signUp button[type="submit"] { background:url('../images/red/bg_sign_up.png') no-repeat right top; color:#e66262; } .t-red .kids-subscribe-block #signUp button[type="submit"]:hover { background-position: right -38px; color:#fff; } .t-red .kids-subscribe-block #signUp button[type="submit"]:active { background-position: right -76px; color: #e66262; text-shadow: 1px 1px 0 #ffc3c3; } .t-red #kids_bottom_container .kids_contact_block li { background-image: url('../images/red/contact_block_list_bg.png'); } .t-red #kids_bottom_container .kids_recent_post_block li { background-image: url('../images/red/recent_post_list_bg.png'); } .t-red #kids_bottom_container .kids_recent_comments_block li { background-image: url('../images/red/comments_block_list_bg.png'); } .t-red #sbr .post-meta { background:url(../images/red/bg_post_date.png) repeat-x; position:absolute; width:72px; left:-73px; top:40px; height: 108px; } .t-red #sbl .post-meta { background:url(../images/red/bg_post_date.png) repeat-x 0 -118px; position:absolute; width:72px; right:-70px; top:40px; height: 108px; } .t-red #dsb .post-meta { background:url(../images/red/d_bg_post_date.png) no-repeat left; } /* -- Red --> End -- */ /* -- Green --> Begin -- */ .t-green .kids-bg-level-1 { background:#8CB3A0 url("../images/jeans-pattern.png") repeat !important; } /* -- Minigallery --> Begin -- */ .t-green .minigallery-list { position:relative; margin-bottom: 2em; padding:4px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #8CB3A0; } .t-green .minigallery { width:100%; overflow:hidden; margin: 0 auto; } .t-green .minigallery ul { overflow: hidden; width: 1440px; } .t-green .minigallery li { float:left; margin:0 3px; padding: 5px; height: 68px !important; background-color: #6AA68A; border: 1px solid #1D4642 !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; list-style:none; } .t-green .minigallery li:hover { background-color: #edf6cf; } .t-green .minigallery li img { width:76px; border: 1px solid #fff; height:66px; } .t-green .minigallery-list .next, .t-green .minigallery-list .prev{ cursor:pointer; display:block; width:24px; height:43px; position:absolute; text-indent:-5000px; top:25px; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .t-green .minigallery-list .prev { background:url(../images/green/arrow_prev_next.png) 0 0 no-repeat; left:10px; } .t-green .minigallery-list .next { background:url(../images/green/arrow_prev_next.png) -45px 0 no-repeat; right:10px; } .t-green .minigallery-list .prev:hover, .t-green .minigallery-list .next:hover, .t-green .minigallery-list2 .prev2:hover, .t-green .minigallery-list2 .next2:hover { opacity: .7; } .t-green .minigallery-list .disabled, .t-green .minigallery-list .disabled:hover { background:none; cursor: auto; } .t-green .minigallery-list2 { position:relative; margin-bottom: 2em; margin-left: 10px; margin-right: 10px; padding:4px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #8CB3A0; } .t-green .minigallery-list2 .next2, .t-green .minigallery-list2 .prev2 { cursor:pointer; display:block; width:41px; height:41px; position:absolute; text-indent:-5000px; top:25px; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .t-green .minigallery-list2 .prev2 { background:url(../images/green/direction-nav.png) 0 0 no-repeat; left:-15px; } .t-green .minigallery-list2 .next2 { background:url(../images/green/direction-nav.png) -59px 0 no-repeat; right:-15px } .t-green .minigallery-list2 .disabled, .t-green .minigallery-list2 .disabled:hover { background:none; cursor: auto; } /* -- Minigallery --> End -- */ .t-green .kids_slider_wrapper { border-color: #1d4642; background-color: rgba(106,166,138,.3); } .ie8 .t-green .kids_slider_wrapper {background-color: rgb(106,166,138);} .t-green .camerapag_left { background-image: url('../images/green/slider_control_left_bg.png'); } .t-green .camerapag_right { background-image: url('../images/green/slider_control_right_bg.png'); } .t-green .camera_pag{ background-image: url('../images/green/slider_control_bg.png'); } .t-green .camera_pag_ul li,.t-green .flex-control-nav li a { background-image: url('../images/green/slider_control_item_bg.png'); } .t-green .camera_pag_ul li.cameracurrent,.t-green .flex-control-nav li a.flex-active { background-image: url('../images/green/slider_control_active_item_bg.png'); } .t-green .kids_button { border-color:#83b21d; } .t-green .kids_button > span { color:#497b16; background-image: url('../images/green/button_bg.png'); background-color: #bdd86e; } .t-green .kids_button > .fade { background-image: url('../images/green/button_hover_bg.png'); background-color: #93bd12; } .t-green #kids_middle_container .wave-border { background: url(../images/green/wave-border.png) no-repeat; padding: 7px; } .t-green #kids_middle_container .magic-border { background: url(../images/green/magic-border.png) no-repeat; padding: 7px; } .t-green #kids_middle_container .kids_image_wrapper { border-color:#1d4642; background-color: #6aa68a; } .t-green .border-shadow figure, .t-green #sidebar #flickr-badge a, .t-green #sidebar-left #flickr-badge a, .t-green #sidebar-right #flickr-badge a, .t-green .avatar { border: 1px solid #1d4642; background-color: #6aa68a; } .t-green #kids_bottom_container .kids_image_wrapper { background-color: #c4da7f; border-color: #71952e; } .t-green .kids_video_wrapper { border-color:#1d4642; background-color: #6aa68a; } .t-green #kids_bottom_container { background-image: url('../images/green/bottom_container_top_bg.png'); } .t-green #kids_bottom_container _bg { background-image: url('../images/green/bottom_container_bg.png'); background-color: #fdfbe9; } #color_schema a.t-green { background-image: url('../images/green/color_icon.png'); } .t-green .kids_audio .kids_curtain { background-image: url('../images/green/audio_icon.png'); } .t-green .kids_video .kids_curtain { background-image: url('../images/green/video_icon.png'); } .t-green .kids_picture .kids_curtain { background-image: url('../images/green/picture_icon.png'); } .t-green .kids_mini_audio .kids_curtain { background-image: url('../images/green/audio_mini_icon.png'); } .t-green .kids_mini_video .kids_curtain { background-image: url('../images/green/video_mini_icon.png'); } .t-green .kids_mini_picture .kids_curtain { background-image: url('../images/green/picture_mini_icon.png'); } .t-green .hint_popup { border-color: #76ae3c; background-image: url('../images/green/hint_bg_1.png'); } .t-green .hint_popup_bg { background-image: url('../images/green/hint_bg_2.png'); } .t-green .camera_prev, .t-green .flex-prev { background-image: url('../images/green/slider_control_prev_item_bg.png'); } .t-green .camera_next, .t-green .flex-next{ background-image: url('../images/green/slider_control_next_item_bg.png'); } .t-green #kids-back-top span { background-image: url('../images/green/to_top_button_bg.png'); } .t-green #signUp { background-image: url('../images/green/bg_sign_up.png'); } .t-green .kids-subscribe-block #signUp button[type="submit"] { background:url('../images/green/bg_sign_up.png') no-repeat right top; color:#497b16; } .t-green .kids-subscribe-block #signUp button[type="submit"]:hover { background-position: right -38px; color:#fff; } .t-green .kids-subscribe-block #signUp button[type="submit"]:active { background-position: right -76px; color: #497b16; text-shadow: 1px 1px 0 #cee390; } .t-green #kids_bottom_container .kids_contact_block li { background-image: url('../images/green/contact_block_list_bg.png'); } .t-green #kids_bottom_container .kids_recent_post_block li { background-image: url('../images/green/recent_post_list_bg.png'); } .t-green #kids_bottom_container .kids_recent_comments_block li { background-image: url('../images/green/comments_block_list_bg.png'); } .t-green #sbr .post-meta { background:url(../images/green/bg_post_date.png) repeat-x; position:absolute; width:72px; left:-73px; top:40px; height: 108px; } .t-green #sbl .post-meta { background:url(../images/green/bg_post_date.png) repeat-x 0 -118px; position:absolute; width:72px; right:-70px; top:40px; height: 108px; } .t-green #dsb .post-meta { background:url(../images/green/d_bg_post_date.png) no-repeat left; } /* -- Green --> End -- */ /* -- Brown --> Begin -- */ .t-brown .kids-bg-level-1 { background:#D5CBB4 url("../images/jeans-pattern.png") repeat !important; } /* -- Minigallery --> Begin -- */ .t-brown .minigallery-list { position:relative; margin-bottom: 2em; padding:4px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #D5CBB4; } .t-brown .minigallery { width:100%; overflow:hidden; margin: 0 auto; } .t-brown .minigallery ul { overflow: hidden; width: 1440px; } .t-brown .minigallery li { float:left; margin:0 3px; padding: 5px; height: 68px !important; background-color: #e1c3a9; border: 1px solid #ba896f !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; list-style:none; } .t-brown .minigallery li:hover { background-color: #f7f2ee; } .t-brown .minigallery li img { width:76px; border: 1px solid #fff; height:66px; } .t-brown .minigallery-list .next, .t-brown .minigallery-list .prev{ cursor:pointer; display:block; width:24px; height:43px; position:absolute; text-indent:-5000px; top:25px; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .t-brown .minigallery-list .prev { background:url(../images/brown/arrow_prev_next.png) 0 0 no-repeat; left:10px; } .t-brown .minigallery-list .next { background:url(../images/brown/arrow_prev_next.png) -45px 0 no-repeat; right:10px; } .t-brown .minigallery-list .prev:hover, .t-brown .minigallery-list .next:hover, .t-brown .minigallery-list2 .prev2:hover, .t-brown .minigallery-list2 .next2:hover { opacity: .7; } .t-brown .minigallery-list .disabled, .t-brown .minigallery-list .disabled:hover { background:none; cursor: auto; } .t-brown .minigallery-list2 { position:relative; margin-bottom: 2em; margin-left: 10px; margin-right: 10px; padding:4px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #D5CBB4; } .t-brown .minigallery-list2 .next2, .t-brown .minigallery-list2 .prev2 { cursor:pointer; display:block; width:41px; height:41px; position:absolute; text-indent:-5000px; top:25px; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .t-brown .minigallery-list2 .prev2 { background:url(../images/brown/direction-nav.png) 0 0 no-repeat; left:-15px; } .t-brown .minigallery-list2 .next2 { background:url(../images/brown/direction-nav.png) -59px 0 no-repeat; right:-15px } .t-brown .minigallery-list2 .disabled, .t-brown .minigallery-list2 .disabled:hover { background:none; cursor: auto; } /* -- Minigallery --> End -- */ .t-brown .kids_slider_wrapper { border-color: #45352a; background-color: rgba(189,177,127,.3); } .ie8 .t-brown .kids_slider_wrapper {background-color: rgb(189,177,127);} .t-brown .camerapag_left { background-image: url('../images/brown/slider_control_left_bg.png'); } .t-brown .camerapag_right{ background-image: url('../images/brown/slider_control_right_bg.png'); } .t-brown .camera_pag { background-image: url('../images/brown/slider_control_bg.png'); } .t-brown .camera_pag_ul li,.t-brown .flex-control-nav li a { background-image: url('../images/brown/slider_control_item_bg.png'); } .t-brown .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent ,.t-brown .flex-control-nav li a.flex-active { background-image: url('../images/brown/slider_control_active_item_bg.png'); } .t-brown .kids_button { border-color:#a8755b; } .t-brown .kids_button:hover { border-color:#b88062; } .t-brown .kids_button > span { color:#7f503a; background-image: url('../images/brown/button_bg.png'); background-color: #dbb197; } .t-brown .kids_button > .fade { background-image: url('../images/brown/button_hover_bg.png'); background-color: #cf9470; } .t-brown #kids_middle_container .kids_image_wrapper { background-color: #BDB17F; border-color: #45352A; } .t-brown .border-shadow figure, .t-brown #sidebar #flickr-badge a, .t-brown #sidebar-left #flickr-badge a, .t-brown #sidebar-right #flickr-badge a, .t-brown .avatar { border: 1px solid #45352a; background-color: #bdb17f; } .t-brown #kids_middle_container .wave-border { background: url(../images/brown/wave-border.png) no-repeat; padding: 7px; } .t-brown #kids_middle_container .magic-border { background: url(../images/brown/magic-border.png) no-repeat; padding: 7px; } .t-brown #kids_bottom_container .kids_image_wrapper { background-color:#e1c3a9; border-color:#996d49; } .t-brown .kids_video_wrapper { background-color: #BDB17F; border-color: #45352A; } .t-brown #kids_bottom_container { background-image:url('../images/brown/bottom_container_top_bg.png'); } .t-brown #kids_bottom_container .kids_bottom_container_bg { background-image:url('../images/brown/bottom_container_bg.png'); background-color:#fdfbe9; } #color_schema a.t-brown { background-image: url('../images/brown/color_icon.png'); } .t-brown .kids_audio .kids_curtain { background-image: url('../images/brown/audio_icon.png'); } .t-brown .kids_video .kids_curtain { background-image: url('../images/brown/video_icon.png'); } .t-brown .kids_picture .kids_curtain { background-image: url('../images/brown/picture_icon.png'); } .t-brown .kids_mini_audio .kids_curtain { background-image: url('../images/brown/audio_mini_icon.png'); } .t-brown .kids_mini_video .kids_curtain { background-image: url('../images/brown/video_mini_icon.png'); } .t-brown .kids_mini_picture .kids_curtain { background-image: url('../images/brown/picture_mini_icon.png'); } .t-brown .hint_popup { border-color: #ba886c; background-image: url('../images/brown/hint_bg_1.png'); } .t-brown .hint_popup_bg { background-image: url('../images/brown/hint_bg_2.png'); } .t-brown .camera_prev,.t-brown .flex-prev { background-image: url('../images/brown/slider_control_prev_item_bg.png'); } .t-brown .camera_next,.t-brown .flex-next { background-image: url('../images/brown/slider_control_next_item_bg.png'); } .t-brown #kids-back-top span { background-image: url('../images/brown/to_top_button_bg.png'); } .t-brown #signUp { background-image: url('../images/brown/bg_sign_up.png'); } .t-brown .kids-subscribe-block #signUp button[type="submit"] { background:url('../images/brown/bg_sign_up.png') no-repeat right top; color:#7f503a; } .t-brown .kids-subscribe-block #signUp button[type="submit"]:hover { background-position: right -38px; color:#fff; } .t-brown .kids-subscribe-block #signUp button[type="submit"]:active { background-position: right -76px; color: #7f503a; text-shadow: 1px 1px 0 #e3bea6; } .t-brown #kids_bottom_container .kids_contact_block li { background-image: url('../images/brown/contact_block_list_bg.png'); } .t-brown #kids_bottom_container .kids_recent_post_block li { background-image: url('../images/brown/recent_post_list_bg.png'); } .t-brown #kids_bottom_container .kids_recent_comments_block li { background-image: url('../images/brown/comments_block_list_bg.png'); } .t-brown #sbr .post-meta { background:url(../images/brown/bg_post_date.png) repeat-x; position:absolute; width:72px; left:-73px; top:40px; height: 108px; } .t-brown #sbl .post-meta { background:url(../images/brown/bg_post_date.png) repeat-x 0 -118px; position:absolute; width:72px; right:-70px; top:40px; height: 108px; } .t-brown #dsb .post-meta { background:url(../images/brown/d_bg_post_date.png) no-repeat left; } /* -- Brown --> End -- */ /* -- Peachy --> Begin -- */ .t-peachy .kids-bg-level-1 { background:#01376C url("../images/jeans-pattern.png") repeat !important; } /* -- Minigallery --> Begin -- */ .t-peachy .minigallery-list { position:relative; margin-bottom: 2em; padding:4px 10px; border-radius: 8px; background-color: #01376C; } .t-peachy .minigallery { width:100%; overflow:hidden; margin: 0 auto; } .t-peachy .minigallery ul { overflow: hidden; width: 1440px; } .t-peachy .minigallery li { float:left; margin:0 3px; padding: 5px; height: 68px !important; background-color: #CDE9F3; border: 1px solid #1E4263; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; list-style:none; } .t-peachy .minigallery li:hover { background-color: #fff5ee; } .t-peachy .minigallery li img { width:76px; border: 1px solid #fff; height:66px; } .t-peachy .minigallery-list .next, .t-peachy .minigallery-list .prev{ cursor:pointer; display:block; width:27px; height:43px; position:absolute; text-indent:-5000px; top:25px; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .t-peachy .minigallery-list .prev { background:url(../images/peachy/arrow_prev_next.png) 0 0 no-repeat; left:10px; } .t-peachy .minigallery-list .next { background:url(../images/peachy/arrow_prev_next.png) -45px 0 no-repeat; right:10px; } .t-peachy .minigallery-list .prev:hover, .t-peachy .minigallery-list .next:hover, .t-peachy .minigallery-list2 .prev2:hover, .t-peachy .minigallery-list2 .next2:hover { opacity: .7; } .t-peachy .minigallery-list .disabled, .t-peachy .minigallery-list .disabled:hover { background:none; cursor: auto; } .t-peachy .minigallery-list2 { position:relative; margin-bottom: 2em; margin-left: 10px; margin-right: 10px; padding:4px 0; border-radius: 8px; background-color: #01376C; } .t-peachy .minigallery-list2 .next2, .t-peachy .minigallery-list2 .prev2 { cursor:pointer; display:block; width:41px; height:41px; position:absolute; text-indent:-5000px; top:25px; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .t-peachy .minigallery-list2 .prev2 { background:url(../images/peachy/direction-nav.png) 0 0 no-repeat; left:-15px; } .t-peachy .minigallery-list2 .next2 { background:url(../images/peachy/direction-nav.png) -59px 0 no-repeat; right:-15px } .t-peachy .minigallery-list2 .disabled, .t-peachy .minigallery-list2 .disabled:hover { background:none; cursor: auto; } /* -- Minigallery --> End -- */ .t-peachy .kids_slider_wrapper { border-color: #1e4263; background-color: rgba(205,233,243,.3); } .ie8 .t-peachy .kids_slider_wrapper {background-color: rgb(205,233,243);} .t-peachy .camerapag_left { background-image: url('../images/peachy/slider_control_left_bg.png'); } .t-peachy .camerapag_right{ background-image: url('../images/peachy/slider_control_right_bg.png'); } .t-peachy .camera_pag { background-image: url('../images/peachy/slider_control_bg.png'); } .t-peachy .camera_pag_ul li,.t-peachy .flex-control-nav li a { background-image: url('../images/peachy/slider_control_item_bg.png'); } .t-peachy .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent ,.t-peachy .flex-control-nav li a.flex-active { background-image: url('../images/peachy/slider_control_active_item_bg.png'); } .t-peachy .kids_button { color:#e87653; border-color:#f69280; background-image: url('../images/peachy/more_button_bg.png'); background-color: #fec2a7; } .t-peachy .kids_button { border-color:#f69280; } .t-peachy .kids_button:hover { border-color:#fb9067; } .t-peachy .kids_button > span { color:#e87653; background-image: url('../images/peachy/more_button_bg.png'); background-color: #fec2a7; } .t-peachy .kids_button > .fade { background-image: url('../images/peachy/button_hover_bg.png'); background-color: #ff9271; } .t-peachy #kids_middle_container .wave-border { background: url(../images/peachy/wave-border.png) no-repeat; padding: 7px; } .t-peachy #kids_middle_container .magic-border { background: url(../images/peachy/magic-border.png) no-repeat; padding: 7px; } .t-peachy #kids_middle_container .kids_image_wrapper { background-color: #CDE9F3; border-color: #1E4263; } .t-peachy .border-shadow figure, .t-peachy #sidebar #flickr-badge a, .t-peachy #sidebar-left #flickr-badge a, .t-peachy #sidebar-right #flickr-badge a, .t-peachy .avatar { border: 1px solid #1E4263; background-color: #cde9f3; } .t-peachy #kids_bottom_container .kids_image_wrapper { background-color:#ffdab9; border-color:#fa9338; } .t-peachy .kids_video_wrapper { background-color: #CDE9F3; border-color: #1E4263; } .t-peachy #kids_bottom_container { background-image:url('../images/peachy/bottom_container_top_bg.png'); } .t-peachy #kids_bottom_container .kids_bottom_container_bg { background-image:url('../images/peachy/bottom_container_bg.png'); background-color:#fdfbe9; } #color_schema a.t-peachy { background-image: url('../images/peachy/color_icon.png'); } .t-peachy .kids_audio .kids_curtain { background-image: url('../images/peachy/audio_icon.png'); } .t-peachy .kids_video .kids_curtain { background-image: url('../images/peachy/video_icon.png'); } .t-peachy .kids_picture .kids_curtain { background-image: url('../images/peachy/picture_icon.png'); } .t-peachy .kids_mini_audio .kids_curtain { background-image: url('../images/peachy/audio_mini_icon.png'); } .t-peachy .kids_mini_video .kids_curtain { background-image: url('../images/peachy/video_mini_icon.png'); } .t-peachy .kids_mini_picture .kids_curtain { background-image: url('../images/peachy/picture_mini_icon.png'); } .t-peachy .hint_popup { border-color: #ff996c; background-image: url('../images/peachy/hint_bg_1.png'); } .t-peachy .hint_popup_bg { background-image: url('../images/peachy/hint_bg_2.png'); } .t-peachy .camera_prev,.t-peachy .flex-prev { background-image: url('../images/peachy/slider_control_prev_item_bg.png'); } .t-peachy .camera_next,.t-peachy .flex-next { background-image: url('../images/peachy/slider_control_next_item_bg.png'); } .t-peachy #kids-back-top span { background-image: url('../images/peachy/to_top_button_bg.png'); } .t-peachy #signUp { background-image: url('../images/peachy/bg_sign_up.png'); } .t-peachy .kids-subscribe-block #signUp button[type="submit"] { background:url('../images/peachy/bg_sign_up.png') no-repeat right top; color:#de623c; } .t-peachy .kids-subscribe-block #signUp button[type="submit"]:hover { background-position: right -38px; color:#fff; } .t-peachy .kids-subscribe-block #signUp button[type="submit"]:active { background-position: right -76px; color: #de623c; text-shadow: 1px 1px 0 #fedcc9; } .t-peachy #kids_bottom_container .kids_contact_block li { background-image: url('../images/peachy/contact_block_list_bg.png'); } .t-peachy #kids_bottom_container .kids_recent_post_block li { background-image: url('../images/peachy/recent_post_list_bg.png'); } .t-peachy #kids_bottom_container .kids_recent_comments_block li { background-image: url('../images/peachy/comments_block_list_bg.png'); } .t-peachy #sbr .post-meta { background:url(../images/peachy/bg_post_date.png) repeat-x; position:absolute; width:72px; left:-73px; top:40px; height: 108px; } .t-peachy #sbl .post-meta { background: url(../images/peachy/bg_post_date.png) repeat-x 0 -118px; position: absolute; width: 72px; right: -70px; top: 40px; height: 108px; } .t-peachy #dsb .post-meta { background: url(../images/peachy/d_bg_post_date.png) no-repeat left; } /* -- Peachy --> End -- */ /* -- Violet --> Begin -- */ .t-violet .kids-bg-level-1{ background:#BF95AC url("../images/jeans-pattern.png") repeat !important; } /* -- Minigallery --> Begin -- */ .t-violet .minigallery-list { position:relative; margin-bottom: 2em; padding:4px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #BF95AC; } .t-violet .minigallery { width:100%; overflow:hidden; margin: 0 auto; } .t-violet .minigallery ul { overflow: hidden; width: 1440px; } .t-violet .minigallery li { float:left; margin:0 3px; padding: 5px; height: 68px !important; background-color: #BF95AC; border: 1px solid #463548 !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; list-style:none; } .t-violet .minigallery li:hover { background-color: #f2f4fc; } .t-violet .minigallery li img { width:76px; border: 1px solid #fff; height:66px; } .t-violet .minigallery-list .next, .t-violet .minigallery-list .prev{ cursor:pointer; display:block; width:24px; height:43px; position:absolute; text-indent:-5000px; top:25px; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .t-violet .minigallery-list .prev { background:url(../images/violet/arrow_prev_next.png) 0 0 no-repeat; left:10px; } .t-violet .minigallery-list .next { background:url(../images/violet/arrow_prev_next.png) -45px 0 no-repeat; right:10px; } .t-violet .minigallery-list .prev:hover, .t-violet .minigallery-list .next:hover, .t-violet .minigallery-list2 .prev2:hover, .t-violet .minigallery-list2 .next2:hover { opacity: .7; } .t-violet .minigallery-list .disabled, .t-violet .minigallery-list .disabled:hover { background:none; cursor: auto; } .t-violet .minigallery-list2 { position:relative; margin-bottom: 2em; margin-left: 10px; margin-right: 10px; padding:4px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #BF95AC; } .t-violet .minigallery-list2 .next2, .t-violet .minigallery-list2 .prev2 { cursor:pointer; display:block; width:41px; height:41px; position:absolute; text-indent:-5000px; top:25px; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .t-violet .minigallery-list2 .prev2 { background:url(../images/violet/direction-nav.png) 0 0 no-repeat; left:-15px; } .t-violet .minigallery-list2 .next2 { background:url(../images/violet/direction-nav.png) -59px 0 no-repeat; right:-15px } .t-violet .minigallery-list2 .disabled, .t-violet .minigallery-list2 .disabled:hover { background:none; cursor: auto; } /* -- Minigallery --> End -- */ .t-violet .kids_slider_wrapper { border-color: #463548; background-color: rgba(191,149,172,.3); } .ie8 .t-violet .kids_slider_wrapper {background-color: rgb(191,149,172);} .t-violet .camerapag_left { background-image: url('../images/violet/slider_control_left_bg.png'); } .t-violet .camerapag_right { background-image: url('../images/violet/slider_control_right_bg.png'); } .t-violet .camera_pag { background-image: url('../images/violet/slider_control_bg.png'); } .t-violet .camera_pag_ul li, .t-violet .flex-control-nav li a { background-image: url('../images/violet/slider_control_item_bg.png'); } .t-violet .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent , .t-violet .flex-control-nav li a.flex-active { background-image: url('../images/violet/slider_control_active_item_bg.png'); } .t-violet .kids_button { border-color:#9ea0c5; } .t-violet .kids_button:hover { border-color:#8e91c2; } .t-violet .kids_button > span { color:#555589; background-image: url('../images/violet/button_bg.png'); background-color: #cecce1; } .t-violet .kids_button > .fade { background-image: url('../images/violet/button_hover_bg.png'); background-color: #a69dd9; } .t-violet #kids_middle_container .wave-border { background: url(../images/violet/wave-border.png) no-repeat; padding: 7px; } .t-violet #kids_middle_container .magic-border { background: url(../images/violet/magic-border.png) no-repeat; padding: 7px; } .t-violet #kids_middle_container .kids_image_wrapper { background-color: #BF95AC; border-color: #463548; } .t-violet .border-shadow figure, .t-violet #sidebar #flickr-badge a, .t-violet #sidebar-left #flickr-badge a, .t-violet #sidebar-right #flickr-badge a, .t-violet .avatar { border: 1px solid #463548; background-color: #bf95ac; } .t-violet #kids_bottom_container .kids_image_wrapper { background-color:#cbc1ea; border-color:#8073b9; } .t-violet .kids_video_wrapper { background-color: #BF95AC; border-color: #463548; } .t-violet #kids_bottom_container { background-image:url('../images/violet/bottom_container_top_bg.png'); } .t-violet #kids_bottom_container .kids_bottom_container_bg { background-image:url('../images/violet/bottom_container_bg.png'); background-color:#fbf9ec; } #color_schema a.t-violet { background-image: url('../images/violet/color_icon.png'); } .t-violet .kids_audio .kids_curtain { background-image: url('../images/violet/audio_icon.png'); } .t-violet .kids_video .kids_curtain { background-image: url('../images/violet/video_icon.png'); } .t-violet .kids_picture .kids_curtain { background-image: url('../images/violet/picture_icon.png'); } .t-violet .kids_mini_audio .kids_curtain { background-image: url('../images/violet/audio_mini_icon.png'); } .t-violet .kids_mini_video .kids_curtain { background-image: url('../images/violet/video_mini_icon.png'); } .t-violet .kids_mini_picture .kids_curtain { background-image: url('../images/violet/picture_mini_icon.png'); } .t-violet .hint_popup { border-color: #9d8db5; background-image: url('../images/violet/hint_bg_1.png'); } .t-violet .hint_popup_bg { background-image: url('../images/violet/hint_bg_2.png'); } .t-violet .camera_prev, .t-violet .flex-prev{ background-image: url('../images/violet/slider_control_prev_item_bg.png'); } .t-violet .camera_next, .t-violet .flex-next { background-image: url('../images/violet/slider_control_next_item_bg.png'); } .t-violet #kids-back-top span { background-image: url('../images/violet/to_top_button_bg.png'); } .t-violet #signUp { background-image: url('../images/violet/bg_sign_up.png'); } .t-violet .kids-subscribe-block #signUp button[type="submit"] { background:url('../images/violet/bg_sign_up.png') no-repeat right top; color:#555589; } .t-violet .kids-subscribe-block #signUp button[type="submit"]:hover { background-position: right -38px; color:#fff; } .t-violet .kids-subscribe-block #signUp button[type="submit"]:active { background-position: right -76px; color: #555589; text-shadow: 1px 1px 0 #d0ceef; } .t-violet #kids_bottom_container .kids_contact_block li { background-image: url('../images/violet/contact_block_list_bg.png'); } .t-violet #kids_bottom_container .kids_recent_post_block li { background-image: url('../images/violet/recent_post_list_bg.png'); } .t-violet #kids_bottom_container .kids_recent_comments_block li { background-image: url('../images/violet/comments_block_list_bg.png'); } .t-violet #sbr .post-meta { background:url(../images/violet/bg_post_date.png) repeat-x; position:absolute; width:72px; left:-73px; top:40px; height: 108px; } .t-violet #sbl .post-meta { background:url(../images/violet/bg_post_date.png) repeat-x 0 -118px; position:absolute; width:72px; right:-70px; top:40px; height: 108px; } .t-violet #dsb .post-meta { background:url(../images/violet/d_bg_post_date.png) no-repeat left; } /* -- Violet --> End -- */ /* ############################################################## THEMES -> End ############################################################## */ /* ############################################################## MODULES -> Begin ############################################################## */ .kids-bg-level-1 { /*margin-bottom: -20px;*/ padding: 0; background-position: 0 0; background-repeat: repeat-x; } .bg-level-2-page-width-container { position: relative; background-position: top center; background-repeat: no-repeat; } .secondary-page .bg-level-2-page-width-container { background:none!important; } .kids-front-page .bg-level-2-page-width-container .bg-level-2-left, .kids-front-page .bg-level-2-page-width-container .bg-level-2-right {height: 500px;} .bg-level-1-left { position: absolute; top: 0; height: 100%; background-position: right top; background-repeat: repeat-x; } .bg-level-1-right { position: absolute; top: 0; height: 100%; background-position: left top; background-repeat: repeat-x; } .bg-level-2-left { position: absolute; z-index: -1; top: -140px; height: 100%; background-position: right top; background-repeat: repeat; } .bg-level-2-right { position: absolute; z-index: -1; top: -140px; height: 100%; background-position: left top; background-repeat: repeat; } .kids-bg-level-1 .bg-level-2-left, .kids-bg-level-1 .bg-level-2-right {z-index: 1;} .bg-level-1-left { background-image: url("../images/pattern_1_left_top_bg.png"); } .bg-level-1-right { background-image: url("../images/pattern_1_right_top_bg.png"); } .t-pattern-1 .bg-level-2-left { background-image: url("../images/pattern_1_left_bg.png"); } .t-pattern-1 .bg-level-2-right { background-image: url("../images/pattern_1_right_bg.png"); } .t-pattern-2 .bg-level-2-left { background-image: url("../images/pattern_2_left_bg.png"); } .t-pattern-2 .bg-level-2-right { background-image: url("../images/pattern_2_right_bg.png"); } .t-pattern-3 .bg-level-2-left { background-image: url("../images/pattern_3_left_bg.png"); } .t-pattern-3 .bg-level-2-right { background-image: url("../images/pattern_3_right_bg.png"); } .t-pattern-4 .bg-level-2-left { background-image: url("../images/pattern_4_left_bg.png"); } .t-pattern-4 .bg-level-2-right { background-image: url("../images/pattern_4_right_bg.png"); } .t-pattern-5 .bg-level-2-left { background-image: url("../images/pattern_5_left_bg.png"); } .t-pattern-5 .bg-level-2-right { background-image: url("../images/pattern_5_right_bg.png"); } .t-pattern-6 .bg-level-2-left { background-image: url("../images/pattern_6_left_bg.png"); } .t-pattern-6 .bg-level-2-right { background-image: url("../images/pattern_6_right_bg.png"); } .t-pattern-7 .bg-level-2-left { background-image: url("../images/pattern_7_left_bg.png"); } .t-pattern-7 .bg-level-2-right { background-image: url("../images/pattern_7_right_bg.png"); } .t-pattern-8 .bg-level-2-left { background-image: url("../images/pattern_8_left_bg.png"); } .t-pattern-8 .bg-level-2-right { background-image: url("../images/pattern_8_right_bg.png"); } .t-pattern-9 .bg-level-2-left { background-image: url("../images/pattern_9_left_bg.png"); } .t-pattern-9 .bg-level-2-right { background-image: url("../images/pattern_9_right_bg.png"); } .secondary-page .bg-level-2-left, .secondary-page .bg-level-2-right { top: 245px; } .top-panel { border-bottom-width: 6px; border-bottom-style: solid; color: #fff; } .top-panel .tweet_list a {color: #fff; font-style: italic;} .top-panel .l-page-width { padding: 14px 0 8px; display: none; opacity: 0; /*background-color: #3d7bb3;*/ } #kids_header { margin: 0 auto; padding-bottom: 0; } .secondary-page #kids_header {padding-bottom: 7px;} #kids_header #kids_logo_block { float: left; margin: -5px 0 15px; } #kids_header .l-page-width { position: relative; } #kids_header a { color:inherit; } #kids_header a:hover { text-decoration:none; } .top-panel .tweets>div.tweet:first-child+div.tweet{ display:none; } .top-panel .tweets>div.tweet:first-child{ border:none; } .top-panel .tweets .tweet{ color:#fff; } .top-panel .tweets>div.tweet>a,.top-panel .tweets>div.tweet>div.time{ font-style:italic; } /* - Menu -> End - */ #kids_header .kids_social { float: right; margin-right: 10px; margin-bottom: 25px; } #kids_header #search-form { display: none; margin-right: -4px; padding: 5px; /*width: 130px;*/ opacity: 0; filter: alpha(opacity = 0); -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } #kids_header #search-form input[type="submit"] {display: none;} #kids_header #search-form input[type="text"] { padding: 0 10px; width: 115px; height: 25px; line-height: 25px; border: none; outline: none; } #kids_header .kids_social li:first-child {margin-left:0;} #kids_header .kids_social li { position: relative; float: left; margin: 0 0 0 1px; padding: 0; } #kids_header .kids_social a { position: relative; z-index: 2; display: block; width: 36px; height: 35px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; text-decoration:none; text-indent: -9999px; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .t-blue #kids_header .kids_social a {background-color:#94bedc;} .t-brown #kids_header .kids_social a {background-color:#bdb17f;} .t-green #kids_header .kids_social a {background-color:#6aa68a;} .t-peachy #kids_header .kids_social a {background-color:#4576b1;} .t-violet #kids_header .kids_social a {background-color:#bf95ac;} .t-red #kids_header .kids_social a {background-color:#d6887e;} .ie8 #kids_header .kids_social a {filter: alpha(opacity = 50) !important;} .ie8 #kids_header .kids_social .openbtn a {filter: alpha(opacity = 100) !important;} .ie8 .t-blue #kids_header .kids_social a {background-color: rgb(61,123,179);} .ie8 .t-brown #kids_header .kids_social a {background-color: rgb(118,61,36);} .ie8 .t-green #kids_header .kids_social a {background-color: rgb(101,149,45);} .ie8 .t-peachy #kids_header .kids_social a {background-color: rgb(227,112,62);} .ie8 .t-violet #kids_header .kids_social a {background-color: rgb(115,109,154);} .ie8 .t-red #kids_header .kids_social a {background-color: rgb(243,95,95);} #kids_header .kids_social a.copy { background-image: url(../images/social-icons.png); background-repeat: no-repeat; position: absolute; display: block; top: 0; height: 0; left: 0; opacity: 0; right: 0; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } #kids_header .kids_social .search a {background-position: 0 0;} #kids_header .kids_social .vimeo a {background-position: -36px 0;} #kids_header .kids_social .twitter a {background-position: -72px 0;} #kids_header .kids_social .facebook a {background-position: -108px 0;} #kids_header .kids_social .rss a {background-position: -144px 0;} #kids_header .kids_social .openbtn a {background-position: -180px 0;} #kids_header .kids_social .openbtn .hide { background-position: -180px -35px; } .kids_social li a.copy{ cursor:pointer; } li.search>a.copy.hide{ opacity:1 !important; height:100% !important; } #kids_header .kids_social li.vimeo a.copy {background-color: #49a6f9;} #kids_header .kids_social li.twitter a.copy {background-color: #007ff1;} #kids_header .kids_social li.facebook a.copy {background-color: #006ed1;} #kids_header .kids_social li.rss a.copy {background-color: #ff9000;} .t-blue .top-panel, .t-blue .kids_bottom_container, .t-blue #kids_header #search-form, .t-blue #kids_header .kids_social .openbtn .hide, .t-blue #kids_header .kids_social .search .hide, .t-blue #kids_header .kids_social .openbtn a:focus, .t-blue #kids_header .kids_social li.search a.copy, .t-blue #kids_header .kids_social li.openbtn a {background-color: #3d7bb3; border-color: #3d7bb3;} .t-brown .top-panel, .t-brown #kids_header #search-form, .t-brown #kids_header .kids_social .openbtn .hide, .t-brown #kids_header .kids_social .search .hide, .t-brown #kids_header .kids_social .openbtn a:focus, .t-brown #kids_header .kids_social li.search a.copy, .t-brown #kids_header .kids_social li.openbtn a {background-color: #45352a; border-color: #45352a;} .t-brown .kids_bottom_container {background-color: #45352a;} .t-green .top-panel, .t-green .kids_bottom_container, .t-green #kids_header #search-form, .t-green #kids_header .kids_social .openbtn .hide, .t-green #kids_header .kids_social .search .hide, .t-green #kids_header .kids_social .openbtn a:focus, .t-green #kids_header .kids_social li.search a.copy, .t-green #kids_header .kids_social li.openbtn a {background-color: #1d4642; border-color: #1d4642;} .t-peachy .top-panel, .t-peachy .kids_bottom_container, .t-peachy #kids_header #search-form, .t-peachy #kids_header .kids_social .openbtn .hide, .t-peachy #kids_header .kids_social .search .hide, .t-peachy #kids_header .kids_social .openbtn a:focus, .t-peachy #kids_header .kids_social li.search a.copy, .t-peachy #kids_header .kids_social li.openbtn a {background-color: #01376C; border-color: #01376C;} .t-violet .top-panel, .t-violet .kids_bottom_container, .t-violet #kids_header #search-form, .t-violet #kids_header .kids_social .openbtn .hide, .t-violet #kids_header .kids_social .search .hide, .t-violet #kids_header .kids_social .openbtn a:focus, .t-violet #kids_header .kids_social li.search a.copy, .t-violet #kids_header .kids_social li.openbtn a {background-color: #463548; border-color: #463548;} .t-red .top-panel, .t-red .kids_bottom_container, .t-red #kids_header #search-form, .t-red #kids_header .kids_social .openbtn .hide, .t-red #kids_header .kids_social .search .hide, .t-red #kids_header .kids_social .openbtn a:focus, .t-red #kids_header .kids_social li.search a.copy, .t-red #kids_header .kids_social li.openbtn a {background-color: #da7163; border-color: #da7163;} /* == MAIN MENU - Begin ============================================================================== */ #kids_main_nav { float: right; margin-bottom: 20px; } .t-menu-1 #kids_main_nav { font-family: 'Salsa', sans-serif; } .t-menu-2 #kids_main_nav { font-family: 'Rancho', cursive; } .t-menu-3 #kids_main_nav { font-family: 'Yanone Kaffeesatz', sans-serif; } #kids_main_nav > ul { position: relative; z-index: 995; } #kids_main_nav > ul > li { position: relative; float: left; margin-left: 3px; padding-bottom: 7px; vertical-align: middle; } #kids_main_nav > ul > li > a { display: block; padding: 4px 20px; font-size: 18px; text-decoration: none; } .t-menu-2 #kids_main_nav > ul > li > a { font-size: 24px; padding: 0 20px; } .t-menu-3 #kids_main_nav > ul > li > a { font-size: 22px; padding: 0 20px; } .not-ie #kids_main_nav > ul > li > a { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .t-blue #kids_main_nav > ul > li > a { border-top: 1px solid #aacde7; border-bottom: 1px solid #3d7bb3; background: -moz-linear-gradient(top, rgba(151,194,225,0.6) 0%, rgba(137,174,200,0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,194,225,0.6)), color-stop(100%,rgba(137,174,200,0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(151,194,225,0.6) 0%,rgba(137,174,200,0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(151,194,225,0.6) 0%,rgba(137,174,200,0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(151,194,225,0.6) 0%,rgba(137,174,200,0.6) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(151,194,225,0.6) 0%,rgba(137,174,200,0.6) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9997c2e1', endColorstr='#9989aec8',GradientType=0 ); /* IE6-9 */ } .t-brown #kids_main_nav > ul > li > a { border-top: 1px solid #d5cbb4; border-bottom: 1px solid #834427; background: -moz-linear-gradient(top, rgba(213,203,180,0.6) 0%, rgba(189,177,127,0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,203,180,0.6)), color-stop(100%,rgba(189,177,127,0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(213,203,180,0.6) 0%,rgba(189,177,127,0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(213,203,180,0.6) 0%,rgba(189,177,127,0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(213,203,180,0.6) 0%,rgba(189,177,127,0.6) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(213,203,180,0.6) 0%,rgba(189,177,127,0.6) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d5cbb4', endColorstr='#99bdb17f',GradientType=0 ); /* IE6-9 */ } .t-green #kids_main_nav > ul > li > a { border-top: 1px solid rgba(140,179,160,0.6); border-bottom: 1px solid #498569; background: -moz-linear-gradient(top, rgba(140,179,160,0.6) 0%, rgba(106,166,138,0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,179,160,0.6)), color-stop(100%,rgba(106,166,138,0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(140,179,160,0.6) 0%,rgba(106,166,138,0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(140,179,160,0.6) 0%,rgba(106,166,138,0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(140,179,160,0.6) 0%,rgba(106,166,138,0.6) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(140,179,160,0.6) 0%,rgba(106,166,138,0.6) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#998cb3a0', endColorstr='#996aa68a',GradientType=0 ); /* IE6-9 */ } .t-peachy #kids_main_nav > ul > li > a { border-top: 1px solid transparent; border-bottom: 1px solid #01376C; background: -moz-linear-gradient(top, rgba(1,55,108,0.6) 0%, rgba(1,55,108,0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,55,108,0.6)), color-stop(100%,rgba(1,55,108,0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1,55,108,0.6) 0%,rgba(1,55,108,0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1,55,108,0.6) 0%,rgba(1,55,108,0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1,55,108,0.6) 0%,rgba(1,55,108,0.6) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1,55,108,0.6) 0%,rgba(1,55,108,0.6) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9901376c', endColorstr='#9901376c',GradientType=0 ); /* IE6-9 */ } .t-violet #kids_main_nav > ul > li > a { border-top: 1px solid rgba(191,149,172,0.6); border-bottom: 1px solid #86546F; background: -moz-linear-gradient(top, rgba(191,149,172,0.6) 0%, rgba(191,149,172,0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,149,172,0.6)), color-stop(100%,rgba(191,149,172,0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(191,149,172,0.6) 0%,rgba(191,149,172,0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(191,149,172,0.6) 0%,rgba(191,149,172,0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(191,149,172,0.6) 0%,rgba(191,149,172,0.6) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(191,149,172,0.6) 0%,rgba(191,149,172,0.6) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99bf95ac', endColorstr='#99bf95ac',GradientType=0 ); /* IE6-9 */ } .t-red #kids_main_nav > ul > li > a { border-top: 1px solid rgba(221,169,162,0.6); border-bottom: 1px solid #DA7163; background: -moz-linear-gradient(top, rgba(221,169,162,0.6) 0%, rgba(214,136,126,0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,169,162,0.6)), color-stop(100%,rgba(214,136,126,0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(221,169,162,0.6) 0%,rgba(214,136,126,0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(221,169,162,0.6) 0%,rgba(214,136,126,0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(221,169,162,0.6) 0%,rgba(214,136,126,0.6) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(221,169,162,0.6) 0%,rgba(214,136,126,0.6) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99dda9a2', endColorstr='#99d6887e',GradientType=0 ); /* IE6-9 */ } .t-blue #kids_main_nav > ul > li:hover > a, .t-blue #kids_main_nav > ul > li.current-menu-item > a, .t-blue #kids_main_nav > ul > li.current-menu-parent > a, .t-blue #kids_main_nav > ul > li.current-menu-ancestor > a { background: -moz-linear-gradient(top, #3d7bb3 0%, #3d71a1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d7bb3), color-stop(100%,#3d71a1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d7bb3 0%,#3d71a1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d7bb3 0%,#3d71a1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d7bb3 0%,#3d71a1 100%); /* IE10+ */ background: linear-gradient(to bottom, #3d7bb3 0%,#3d71a1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d7bb3', endColorstr='#3d71a1',GradientType=0 ); /* IE6-9 */ } .t-brown #kids_main_nav > ul > li:hover > a, .t-brown #kids_main_nav > ul > li.current-menu-item > a, .t-brown #kids_main_nav > ul > li.current-menu-parent > a, .t-brown #kids_main_nav > ul > li.current-menu-ancestor > a { background-color: #45352A; } .t-green #kids_main_nav > ul > li:hover > a, .t-green #kids_main_nav > ul > li.current-menu-item > a, .t-green #kids_main_nav > ul > li.current-menu-parent > a, .t-green #kids_main_nav > ul > li.current-menu-ancestor > a { background-color: #1D4642; } .t-peachy #kids_main_nav > ul > li:hover > a, .t-peachy #kids_main_nav > ul > li.current-menu-item > a, .t-peachy #kids_main_nav > ul > li.current-menu-parent > a, .t-peachy #kids_main_nav > ul > li.current-menu-ancestor > a { background-color: #01376C; } .t-violet #kids_main_nav > ul > li:hover > a, .t-violet #kids_main_nav > ul > li.current-menu-item > a, .t-violet #kids_main_nav > ul > li.current-menu-parent > a, .t-violet #kids_main_nav > ul > li.current-menu-ancestor > a { background-color: #463548; } .t-red #kids_main_nav > ul > li:hover > a, .t-red #kids_main_nav > ul > li.current-menu-item > a, .t-red #kids_main_nav > ul > li.current-menu-parent > a, .t-red #kids_main_nav > ul > li.current-menu-ancestor > a { background-color: #DA7163; } #kids_main_nav a { color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.3); } /* Sub Menu */ #kids_main_nav ul ul { position: absolute; display: none; z-index: 1500; margin-top: 4px; padding: 2px 0; width: 170px; border-width: 1px; border-style: solid; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.4); -moz-box-shadow: 1px 1px 0 rgba(0,0,0,.4); box-shadow: 1px 1px 0 rgba(0,0,0,.4); } .t-blue #kids_main_nav ul ul { border-color: #adc7da; background-color: rgba(140,179,208,.9); } .t-brown #kids_main_nav ul ul { border-color: #D0C595; background-color: rgba(189,177,127,.9); } .t-green #kids_main_nav ul ul { border-color: #7DBC9F; background-color: rgba(106,166,138,.9); } .t-peachy #kids_main_nav ul ul { border-color: #01376C; background-color: rgba(1,55,108,.9); } .t-violet #kids_main_nav ul ul { border-color: #d8b4c8; background-color: rgba(191,149,172,.9); } .t-red #kids_main_nav ul ul { border-color: #eba79e; background-color: rgba(214,136,126,.9); } .ie8 .t-blue #kids_main_nav ul ul {background-color: #8cb3d0;} .ie8 .t-brown #kids_main_nav ul ul {background-color: #bdb17f;} .ie8 .t-green #kids_main_nav ul ul {background-color: #6aa68a;} .ie8 .t-peachy #kids_main_nav ul ul {background-color: #01376c;} .ie8 .t-violet #kids_main_nav ul ul {background-color: #bf95ac;} .ie8 .t-red #kids_main_nav ul ul {background-color: #D6887E;} #kids_main_nav ul ul li { position: relative; margin: 0 2px; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } .t-blue #kids_main_nav ul ul li { border-top-color: #b3d0e3; border-bottom-color: #7ea9cb; } .t-brown #kids_main_nav ul ul li { border-top-color: #d0c595; border-bottom-color: #796e40; } .t-green #kids_main_nav ul ul li { border-top-color: #7dbc9f; border-bottom-color: #498569; } .t-peachy #kids_main_nav ul ul li { border-top-color: #0b5197; border-bottom-color: #03386d; } .t-violet #kids_main_nav ul ul li { border-top-color: #d8b4c8; border-bottom-color: #86546f; } .t-red #kids_main_nav ul ul li { border-top-color: #eba79e; border-bottom-color: #DA7163; } #kids_main_nav ul ul li:first-child {border-top: none;} #kids_main_nav ul ul li:last-child {border-bottom: none;} #kids_main_nav ul ul a { display: block; padding: 2px 6px; font-size: 16px; text-decoration: none; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .t-menu-2 #kids_main_nav ul ul a { padding: 0 6px; font-size: 19px; } #kids_main_nav ul ul li:first-child > a { -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } #kids_main_nav ul ul li:last-child > a { -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; } .t-blue #kids_main_nav ul ul li:hover > a, .t-blue #kids_main_nav ul ul li.current-menu-item > a {background-color: #3d7bb3;} .t-brown #kids_main_nav ul ul li:hover > a, .t-brown #kids_main_nav ul ul li.current-menu-item > a {background-color: #45352A;} .t-green #kids_main_nav ul ul li:hover > a, .t-green #kids_main_nav ul ul li.current-menu-item > a {background-color: #1D4642;} .t-peachy #kids_main_nav ul ul li:hover > a, .t-peachy #kids_main_nav ul ul li.current-menu-item > a {background-color: #01376C;} .t-violet #kids_main_nav ul ul li:hover > a, .t-violet #kids_main_nav ul ul li.current-menu-item > a {background-color: #463548;} .t-red #kids_main_nav ul ul li:hover > a, .t-red #kids_main_nav ul ul li.current-menu-item > a {background-color: #DA7163;} #kids_main_nav ul ul ul { top: 0; margin-top: 0; padding: 2px 0; } /* == MAIN MENU - END ============================================================================== */ /* == SLIDER - Begin ============================================================================== */ .kids_slider_bg { position: relative; z-index: 1; margin-bottom: 20px; } .kids_slider_wrapper { padding: 9px; border-width: 1px; border-style: solid; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-position: 0 0; background-repeat: repeat-x; } .kids_slider_inner_wrapper { border: 2px solid #fefffe; overflow:hidden; } .kids_slider_inner_wrapper>object{ width:916px; height:420px; } .kids_slider_inner_wrapper > * {display: block;} /* -- Nivo slider --> Begin */ .nivo-directionNav { position:absolute; bottom:5px; left:0; width:100%; } .camera_prev,.flex-prev { width:40px; height:40px; display:block; z-index:300; opacity:0.3 !important; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; left: 0; } .camera_next,.flex-next { width:40px; height:40px; display:block; z-index:300; opacity:0.3 !important; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; right:0; } .camera_wrap:hover .camera_prev,.camera_wrap:hover .camera_next,.flexslider:hover .flex-prev,.flexslider:hover .flex-next{ opacity:1 !important; } .nivo-controlNavWrapper { position: absolute; width:100%; text-align: center; bottom:0px; left:0; z-index:200; height:48px; overflow: hidden; } .camerapag_left { display:inline-block; margin:0 auto; padding-left:16px; background-position:left bottom; background-repeat: no-repeat; opacity:0.3; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; } .camera_wrap:hover .camerapag_left,.flexslider:hover .camerapag_left{ opacity:1; } .camerapag_right { background-position:right bottom; background-repeat: no-repeat; padding-right:16px; } .camera_pag { background-repeat: repeat-x; background-position: left bottom; height:11px; padding:18px 3px 18px; overflow: hidden; } .camera_pag_ul li{ float:left; margin-left:4px !important; } .camera_pag_ul li { text-indent: -9999px; width:11px; height:11px; display:block; background-repeat: no-repeat; background-position: 0 0; } .camera_pag_ul li:first-child { margin-left:0 !important; } .camera_pagination{ position:absolute; bottom:5px; left:42%; z-index:99; } /* -- Nivo slider --> End */ /* -- Anything slider --> Begin */ div.anythingSlider .start-stop { display:none!important; } div.anythingSlider .arrow.back a { background-position: 0 0; background-repeat: no-repeat; } div.anythingSlider .arrow.forward a { background-position: 0 0; background-repeat: no-repeat; } /* -- Anything slider --> End */ /* -- Lof slider --> Begin */ .lof-main-outer { width: 916px; height: 400px; } .lof-next { top: 50%; position: absolute; right:0; margin-top:-20px; height: 40px; width: 40px; opacity: 0.3; background-position: 0 0; background-repeat: no-repeat; cursor:pointer; } .lof-previous { top: 50%; position: absolute; left:0; margin-top:-20px; height: 40px; width: 40px; opacity: 0.3; background-position: 0 0; background-repeat: no-repeat; cursor:pointer; } /* -- Lof slider --> End */ /* == SLIDER - End ============================================================================== */ /* == VIDEO - Begin ============================================================================== */ .kids_video_wrapper { position: relative; z-index: 2; padding: 2px; border-width: 1px; border-style: solid; float:left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .video-js-box .vjs-controls { position: absolute; margin: 0; opacity: 0.85; color: #fff; display: none; /* Start hidden */ left: 0; right: 0; /* 100% width of video-js-box */ width: 100%; bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */ height: 35px; /* Including any margin you want above or below control items */ padding: 0; /* Controls are absolutely position, so no padding necessary */ } .video-js-box .vjs-controls > div { /* Direct div children of control bar */ position: absolute; /* Use top, bottom, left, and right to specifically position the control. */ text-align: center; margin: 0; padding: 0; height: 25px; /* Default height of individual controls */ top: 5px; /* Top margin to put space between video and controls when controls are below */ /* CSS Background Gradients Using to give the aqua-ish look. */ /* Default */ background-color: #0B151A; /* Webkit */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px; /* Firefox */ background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 12px; /* CSS Curved Corners */ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; /* CSS Shadows */ box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000; } /* Placement of Control Items - Left side of pogress bar, use left & width - Rigth side of progress bar, use right & width - Expand with the video (like progress bar) use left & right */ .vjs-controls > div.vjs-play-control { left: 5px; width: 25px; } .vjs-controls > div.vjs-progress-control { left: 35px; right: 165px; } /* Using left & right so it expands with the width of the video */ .vjs-controls > div.vjs-time-control { width: 75px; right: 90px; } /* Time control and progress bar are combined to look like one */ .vjs-controls > div.vjs-volume-control { width: 50px; right: 35px; } .vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px; } /* Removing curved corners on progress control and time control to join them. */ .vjs-controls > div.vjs-progress-control { border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; } .vjs-controls > div.vjs-time-control { border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; } /* Play/Pause -------------------------------------------------------------------------------- */ .vjs-play-control { cursor: pointer !important; } /* Play Icon */ .vjs-play-control span { display: block; font-size: 0; line-height: 0; } .vjs-paused .vjs-play-control span { width: 0; height: 0; margin: 8px 0 0 8px; /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */ border-left: 10px solid #fff; /* Width & Color of play icon */ /* Height of play icon is total top & bottom border widths. Color is transparent. */ border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0); } .vjs-playing .vjs-play-control span { width: 3px; height: 10px; margin: 8px auto 0; /* Drawing the pause bars with borders */ border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff; } /* Progress -------------------------------------------------------------------------------- */ .vjs-progress-holder { /* Box containing play and load progresses */ position: relative; padding: 0; overflow:hidden; cursor: pointer !important; height: 9px; border: 1px solid #777; margin: 7px 1px 0 5px; /* Placement within the progress control item */ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .vjs-progress-holder div { /* Progress Bars */ position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .vjs-play-progress { /* CSS Gradient */ /* Default */ background: #fff; /* Webkit */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777)); /* Firefox */ background: -moz-linear-gradient(top, #fff, #777); } .vjs-load-progress { opacity: 0.8; /* CSS Gradient */ /* Default */ background-color: #555; /* Webkit */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa)); /* Firefox */ background: -moz-linear-gradient(top, #555, #aaa); } /* Time Display -------------------------------------------------------------------------------- */ .vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; } .vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ } /* Volume -------------------------------------------------------------------------------- */ .vjs-volume-control { cursor: pointer !important; } .vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; } /* Drawing the volume icon using 6 span elements */ .vjs-volume-control div span { /* Individual volume bars */ float: left; padding: 0; margin: 0 2px 0 0; /* Space between */ width: 5px; height: 0px; /* Total height is height + bottom border */ border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */ } .vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ } /* Creating differnt bar heights through height (transparent) and bottom border (visible). */ .vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; } .vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; } .vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; } .vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; } .vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; } .vjs-volume-control div span:nth-child(6) { margin-right: 0; } /* Fullscreen -------------------------------------------------------------------------------- */ .vjs-fullscreen-control { cursor: pointer !important; } .vjs-fullscreen-control div { padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; margin: 5px 0 0 5px; /* Placement within the fullscreen control item */ width: 20px; height: 20px; } /* Drawing the fullscreen icon using 4 span elements */ .vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; } .vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */ margin-right: 3px; /* Space between top-left and top-right */ margin-bottom: 3px; /* Space between top-left and bottom-left */ border-top: 6px solid #fff; /* Height and color */ border-right: 6px solid rgba(0,0,0,0); /* Width */ } .vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); } .vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); } .vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); } /* Icon when video is in fullscreen mode */ .vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); } .vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); } .vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); } .vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); } /* Download Links - Used for browsers that don't support any video. ---------------------------------------------------------*/ .vjs-no-video { font-size: small; line-height: 1.5; } /* Big Play Button (at start) ---------------------------------------------------------*/ div.vjs-big-play-button { display: none; /* Start hidden */ z-index: 2; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important; border: 3px solid #fff; opacity: 0.9; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; /* CSS Background Gradients */ /* Default */ background-color: #0B151A; /* Webkit */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px; /* Firefox */ background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 40px; /* CSS Shadows */ box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000; } div.vjs-big-play-button:hover { box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff; } div.vjs-big-play-button span { display: block; font-size: 0; line-height: 0; width: 0; height: 0; margin: 20px 0 0 23px; /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */ border-left: 40px solid #fff; /* Width & Color of play icon */ /* Height of play icon is total top & bottom border widths. Color is transparent. */ border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0); } /* Spinner Styles ---------------------------------------------------------*/ /* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */ .vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px; /* Scaling makes the circles look smoother. */ transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5); } /* Spinner circles */ .vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */ } /* Each circle */ .vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); } .vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); } .vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); } .vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); } .vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); } .vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); } .vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); } .vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); } /* == VIDEO - End ============================================================================== */ /* -- Image wrapper --> Begin -- */ .kids_image_wrapper { position:relative; overflow:hidden; } .prettyPhoto { position: relative; cursor: pointer; display: block; } .kids_curtain { position:absolute; opacity: 0; filter: alpha(opacity = 0); display: block; background-color: rgba(0,0,0,0.6); width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ie8 .kids_curtain { background-color: #000; } .kids_audio .kids_curtain, .kids_video .kids_curtain, .kids_picture .kids_curtain, .kids_mini_audio .kids_curtain, .kids_mini_picture .kids_curtain, .kids_mini_video .kids_curtain { background-position: 50% 50%; background-repeat: no-repeat; } .prettyPhoto:hover .kids_curtain { opacity: 1; filter: alpha(opacity = 70); } .kids_image_wrapper { padding: 2px; border-width: 1px; border-style: solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .kids_image_wrapper img { border:1px solid #fff; display:block; } /* -- Image wrapper --> End -- */ /* -- Middle container --> Begin -- */ .secondary-page #kids_middle_container { position: relative; } /* -- Middle container --> End -- */ /* -- Top content --> Begin -- */ .kids-front-page .kids_top_content { position: relative; } .secondary-page .kids_top_content { position: absolute; /*top:-2px;*/ top: -20px; left:0; width:100%; } .kids_top_content_head { background: url("../images/top_content_head_bg.png") repeat-x scroll 0 0px; padding-top: 19px; } .kids-front-page .kids_top_content_head { position: absolute; z-index: 0; top: -95px; left: 0; width: 100%; } .kids_top_content_head_body { background-color:#fdf7de; } .kids-front-page .kids_top_content_head_body { height: 90px; } .kids_top_content_middle { padding:10px 0 0 0; background-color: #fdf7de; } .kids_top_content_middle a.link, .kids_bottom_content_container a.link { color: #385EA7; -moz-transition:all 250ms linear 0s; -webkit-transition:all 250ms linear 0s; -o-transition:all 250ms linear 0s; transition:all 250ms linear 0s; } .kids_top_content_middle a.link:hover { color:#2f2f2f; -moz-transition:all 250ms linear 0s; -webkit-transition:all 250ms linear 0s; -o-transition:all 250ms linear 0s; transition:all 250ms linear 0s; } .secondary-page .kids_top_content_middle { min-height:190px; } .kids_top_content_footer { background: url("../images/top_content_footer_bg.png") repeat-x scroll left top transparent; padding-bottom: 20px; width: 100%; } /* -- Top content --> End -- */ /* -- Bottom content --> Begin -- */ .entry-container, .gl_col_2, .gl_col_3, .gl_col_4 { position: relative; background-image: url(../images/entry-container.png); background-repeat: no-repeat; background-position: center top; min-height: 362px; padding: 30px 34px; } .gl_col_2, .gl_col_3, .gl_col_4 { padding: 30px 24px; } .secondary-page .kids_bottom_content { position: relative; min-height: 235px; } .secondary-page .kids_bottom_content h1 { padding-bottom: 0.15em; font-weight: normal; } .kids_bottom_content { padding-bottom: 20px; background-image: url(../images/bg_bottom_content.png); background-position: center bottom; background-repeat: repeat-x; } .kids_bottom_content_container { padding: 20px 0; } .kids_bottom_content_container .kids_post_content { text-align: left; font-size: 1em; } body.t-text-1 .kids_bottom_content_container .latest-posts-widget .kids_post_content {font-size: 1.04em;} body.t-text-2 .kids_bottom_content_container .kids_post_content {font-size: 1.1em;} .kids_bottom_content_container .header_container { overflow: hidden; padding: 5px 54px 8px; } .kids_bottom_content_container .header_container h1 { margin-bottom:0; color:#575655; } .kids_bottom_content_container #breadcrumbs { font-size: 1em; } .kids_bottom_content_container #breadcrumbs li { float:left; padding-left:14px; background: url('../images/breadcrumb_bg.png') no-repeat 3px 65% transparent; } .kids_bottom_content_container #breadcrumbs li a { font-style: normal; color: #385EA7; } .kids_bottom_content_container #breadcrumbs li:first-child { padding-left:0; background: none; } .kids_bottom_content_container .section-title { color: #385ea7; font-size: 24px; } /* -- jCarousel --> Begin */ .recent_projects {overflow: hidden;} .recent_projects ul li { position: relative; overflow: hidden; margin: 0 17px 0 0; display: inline-block; width: 222px; list-style: none; } .recent_projects ul li .border-shadow {margin-bottom: 12px;} .recent_projects ul .title { margin: 0; color: #385ea7; font-size: 20px; text-align: center; } .jcarousel-container {position: relative;} .jcarousel-prev, .jcarousel-next { display: inline-block; width: 19px; height: 15px; border-width: 1px; border-style: solid; background-image: url(../images/icons/carousel-nav.png); background-repeat: no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-indent: -9999px; cursor: pointer; float:left; } .jcarousel-next{ margin-left:5px; } .carousel-nav{ width:50px; float:left; margin-left:10px; padding-top:8px; } .carousel-nav:after{ content:""; display:block; clear:both; } .recent_projects>h3{ float:left; } .t-blue .jcarousel-prev, .t-blue .jcarousel-next { border-color: #9bc0dd; background-color: #9bc0dd; } .t-blue .jcarousel-prev {background-position: 0 0;} .t-blue .jcarousel-next {background-position: right 0;} .t-red .jcarousel-prev, .t-red .jcarousel-next { border-color: #FDAEBA; background-color: #FDAEBA; } .t-red .jcarousel-prev {background-position: 0 0;} .t-red .jcarousel-next {background-position: right 0;} .t-green .jcarousel-prev, .t-green .jcarousel-next { border-color: #6aa68a; background-color: #6aa68a; } .t-green .jcarousel-prev {background-position: 0 0;} .t-green .jcarousel-next {background-position: right 0;} .t-brown .jcarousel-prev, .t-brown .jcarousel-next { border-color: #bdb17f; background-color: #bdb17f; } .t-brown .jcarousel-prev {background-position: 0 0;} .t-brown .jcarousel-next {background-position: right 0;} .t-peachy .jcarousel-prev, .t-peachy .jcarousel-next { border-color: #385EA7; background-color: #385EA7; } .t-peachy .jcarousel-prev {background-position: 0 0;} .t-peachy .jcarousel-next {background-position: right 0;} .t-violet .jcarousel-prev, .t-violet .jcarousel-next { border-color: #bf95ac; background-color: #bf95ac; } .t-violet .jcarousel-prev {background-position: 0 0;} .t-violet .jcarousel-next {background-position: right 0;} /* -- jCarousel --> End */ /* -- Bottom content --> End -- */ /* -- Gallery --> Begin -- */ .content-divider { clear: both; padding: .5em 0 .8em 0; height: 6px; width: 100%; background: url(../images/gallery-divider.png) repeat-x; } .gl_col_2, .gl_col_3, .gl_col_4 { position: relative; } .gallery-image-full-content:after { background-position: 5px -287px; } .gl_col_2 .gallery-text, .gl_col_3 .gallery-text, .gl_col_4 .gallery-text { padding-left: 20px; } .gl_col_1 .gallery-text h1, .gl_col_2 .gallery-text h1, .gl_col_3 .gallery-text h1, .gl_col_4 .gallery-text h1 { margin-bottom: 0; } .gl_col_1 .gallery-text a, .gl_col_2 .gallery-text a, .gl_col_3 .gallery-text a, .gl_col_4 .gallery-text a { font-style: normal; } .gallery-item-third, .gallery-item-fourth, .gallery-item-half { display: inline-block; } .gallery-item-third { width: 286px; margin-right: 16px; } .gallery-item-fourth { width: 210px; margin-right: 15px; } .gallery-item-half { width: 440px; margin-right: 15px; } .gallery-item-third.last, .gallery-item-fourth.last, .gallery-item-half.last {margin-right: 0} /* Isotope */ .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; z-index: 2; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: top, left, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } #sbr .gallery { float: left; width: 652px; } #sbr.gl_col_1 .gallery-item { clear: both; float: none !important; margin: 0 0 20px !important; position: relative; width: 623px !important; } .gl_sidebar { position: relative; float: right; margin-left: -30px; width: 248px; } .gl_cat { position: relative; margin-bottom: 3em !important; padding: 45px 30px 0; min-height: 280px; background: url(../images/bg_gl_cat.png) no-repeat center top; } .nav_cat {margin-bottom: 2em !important; position: relative;} .nav_cat.type-2, .nav_cat.type-3 {padding-bottom: 14px;} .gl_cat:after { position: absolute; bottom: -22px; left: 13px; width: 222px; height: 22px; background: url(../images/bg_gl_cat_bottom.png) no-repeat; content: ""; } .gl_cat ul > li a, .nav_cat ul > li a { display: block; position: relative; /* margin: 3px 0;*/ padding: 6px 0 6px 10px; } .gl_cat ul > li, .nav_cat ul > li { border-bottom: 1px solid #89b3d3; } .gl_cat ul > li:last-child, .nav_cat ul > li:last-child {border-bottom: none;} .gl_cat > ul li ul, .nav_cat > ul li ul { padding-left: 15px; } .gl_cat ul li ul li a, .nav_cat ul li ul li a { margin: 4px 0; padding: 8px 0 8px 10px; font-size: 0.917em; } .gl_cat ul a, .nav_cat ul a { color: #2f2f2f; } .gl_cat .backLava, .nav_cat .backLava { position: absolute; display: block; width: 99.4%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #ddedf5; /* Old browsers */ background: -moz-linear-gradient(top, #ddedf5 0%, #ddedf5 50%, #bbd7e9 50%, #bbd7e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddedf5), color-stop(50%,#ddedf5), color-stop(50%,#bbd7e9), color-stop(100%,#bbd7e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ddedf5 0%,#ddedf5 50%,#bbd7e9 50%,#bbd7e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ddedf5 0%,#ddedf5 50%,#bbd7e9 50%,#bbd7e9 100%); /* Opera 11.10+ */ border: 1px solid #89b3d3; opacity: .7; } #filter { position: absolute; top: -42px; right: 14px; height: 32px; border: 1px solid #d3c69e; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: url(../images/bg_splitter.png) repeat-x; } #filter .backLava { position: absolute; top: 1px; z-index: -0; height: 28px; border: 1px solid #d3c69e; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: url(../images/bg_splitter_current.png) repeat-x; } .splitter { position: relative; z-index: 5; } .splitter li { float: left; margin: 1px 3px 0 2px; height: 28px; border: 1px solid transparent; line-height: 30px; } .splitter li a { position: relative; display: block; padding: 0 12px; color: #575655; cursor: pointer; } /* Portfolio 2 Columns */ .gl_col_2 .gallery-item { float: left; margin: 0 10px 1em 10px; width: 440px; } .gl_col_2 .gallery-item .border-shadow {margin-bottom: 10px;} /* Portfolio 3 Columns */ .entry-container .gallery-item, .gl_col_3 .gallery-item { float: left; margin: 0 10px 1.5em 10px; width: 286px; } .gl_col_3 .gallery-item .border-shadow {margin-bottom: 10px;} #sbr .gallery-item {margin: 0 20px 1.5em 20px;} #sbr div.gallery-item.last {margin-right: 0;} #sbr .gallery {width: 652px; float: left;} #sbr #gallery > li { float: left; width: 286px; margin: 0 20px 20px 20px; } .gl_col_4 .gallery-item { float: left; margin: 0 10px 1.5em 10px; width: 210px; } .gl_col_4 .gallery-item .border-shadow {margin-bottom: 10px;} .kids_bottom_container .one_fourth { float: left; width: 212px; margin-right: 30px; } .kids_bottom_container .one_fourth_last { float: right; width: 212px; margin: 0; } /* -- Footer layout --> End -- */ /* -- Bottom container --> Begin -- */ .kids_bottom_container { padding: 20px 0 20px; border-top: 1px solid #fff !important; -webkit-box-shadow: inset 0 15px 15px rgba(0,0,0,.1), inset 0 -15px 15px rgba(0,0,0,.1); -moz-box-shadow: inset 0 15px 15px rgba(0,0,0,.1), inset 0 -15px 15px rgba(0,0,0,.1); box-shadow: inset 0 15px 15px rgba(0,0,0,.1), inset 0 -15px 15px rgba(0,0,0,.1); background:url("../images/jeans-pattern.png") repeat; } .t-red .kids_bottom_container { background-image: url(../images/red/red-kids-bottom-container.png); background-position: 0 0; background-repeat: repeat; } .kids_bottom_container a:hover {text-decoration: underline;} .kids_bottom_container .widget-title { margin-bottom: 10px; padding-bottom: 8px; border-bottom-width: 1px; border-bottom-style: dashed; color: #fffefe; font-weight: 700; font-style: italic; font-size: 23px; } .t-blue .kids_bottom_container .widget-title {border-color: #8bb0d1;} .t-brown .kids_bottom_container .widget-title {border-color: #c5a191;} .t-green .kids_bottom_container .widget-title {border-color: #89a676;} .t-peachy .kids_bottom_container .widget-title {border-color: #8fa5b8;} .t-violet .kids_bottom_container .widget-title {border-color: #aaa7c1;} .t-red .kids_bottom_container .widget-title {border-color: #d3b6b5;} /* -- Widget --> Begin -- */ /* -- Widget Recent Entries, Archives, Twitter --> Begin -- */ .widget_recent_entries ul li, .widget_archive ul li, .widget_twitter ul li { position: relative; padding: 6px 10px 6px 23px; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } .widget_recent_entries ul li:last-child, .widget_archive ul li:last-child, .widget_twitter ul li:last-child {border-bottom: none;} .t-blue .widget_recent_entries ul li, .t-blue .widget_archive ul li, .t-blue .widget_twitter ul li { border-top-color: #91b7d6; border-bottom-color: #4877a6; } .t-brown .widget_recent_entries ul li, .t-brown .widget_archive ul li, .t-brown .widget_twitter ul li { border-top-color: #90857d; border-bottom-color: #4e433b; } .t-green .widget_recent_entries ul li, .t-green .widget_archive ul li, .t-green .widget_twitter ul li { border-top-color: #759490; border-bottom-color: #35534f; } .t-peachy .widget_recent_entries ul li, .t-peachy .widget_archive ul li, .t-peachy .widget_twitter ul li { border-top-color: #6e91ac; border-bottom-color: #1a3456; } .t-violet .widget_recent_entries ul li, .t-violet .widget_archive ul li, .t-violet .widget_twitter ul li { border-top-color: #958a96; border-bottom-color: #5a4e5c; } .t-red .widget_recent_entries ul li, .t-red .widget_archive ul li, .t-red .widget_twitter ul li { border-top-color: #d0aead; border-bottom-color: #a87774; } .widget_recent_entries ul li:after, .widget_archive ul li:after, .widget_twitter ul li:after { position: absolute; left: 0; top: 10px; width: 19px; height: 17px; content: ""; } .widget_recent_entries ul li:after, .widget_archive ul li:after, .widget_twitter ul li:after { background-image: url(../images/icons/icons_widget_footer.png); background-repeat: no-repeat; } .widget_archive ul li:after {background-position: -24px 0;} .widget_twitter ul li:after {background-position: -51px 0;} .widget_recent_entries ul li:first-child, .widget_archive ul li:first-child, .widget_twitter ul li:first-child {border-top: none;} .widget_twitter ul li span.tweet_text, .widget_twitter p { text-shadow: 1px 1px 0 rgba(0,0,0,.4); font-size: 13px; } .t-blue .widget_twitter ul li span.tweet_text, .t-blue .widget_twitter p {color: #acd9ff;} .t-brown .widget_twitter ul li span.tweet_text, .t-brown .widget_twitter p {color: #BDB17F;} .t-green .widget_twitter ul li span.tweet_text, .t-green .widget_twitter p {color: #6AA68A;} .t-peachy .widget_twitter ul li span.tweet_text, .t-peachy .widget_twitter p {color: #94BEDC;} .t-violet .widget_twitter ul li span.tweet_text, .t-violet .widget_twitter p {color: #BF95AC;} .t-red .widget_twitter ul li span.tweet_text, .t-red .widget_twitter p {color: #FDABB6;} .widget_recent_entries ul li a, .widget_archive ul li a, .widget_twitter ul li a { color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.4); font-size: 13px; } /* -- Widget Recent Entries, Archives, Twitter --> End -- */ .widget_recent_comments .tweet_list li { margin-left: 10px; } .widget_recent_comments .tweet_list li { background: url(../images/icons/tweet.png ) no-repeat 0 4px; padding-left: 22px; line-height: 1.5em; margin-bottom: 1em; } .widget_recent_comments .tweet_text a,.widget_recent_comments .tweet_time a { display: block; color: #385EA7; font-style: normal !important; text-decoration: underline; -moz-transition:all 250ms linear 0s; -webkit-transition:all 250ms linear 0s; -o-transition:all 250ms linear 0s; transition:all 250ms linear 0s; } .widget_recent_comments .tweet_text a:hover,.widget_recent_comments .tweet_time a:hover{ text-decoration:none; } /* -- Widget --> End -- */ /* -- Bottom container --> End -- */ /* -- Posts container --> Begin -- */ .kids_top_content .kids_posts_container { margin: 0 40px 0; } .kids_top_content .kids_post_block .kids_post_content { text-align: left; } .kids_top_content .kids_post_block .kids_post_content p { margin-bottom: .5em; } .kids_top_content .kids_post_block { display: inline-block; margin: 0; text-align: center; } .kids_top_content .kids_post_block.l-grid-4:first-child { padding-left: 0; background: none; } .kids_top_content .kids_post_block.l-grid-4 { float: left; padding-left: 55px; width: 249px; background: url('../images/post_block_separator.png') no-repeat 29px 50% transparent; } .kids_top_content .kids_post_block.l-grid-4 h1 { margin-bottom: .4em; text-align: center; line-height: 2.4; } .kids_top_content .kids_post_block.l-grid-4 h1 a {font-style:normal} /* -- Posts container --> End -- */ /* -- Back to top button --> Begin -- */ #kids-back-top { position: fixed; bottom: 30px; right: -10px; z-index:99; } #kids-back-top a { display: block; width: 43px; color: #bbb; } #kids-back-top span { display: block; margin-bottom: 7px; width: 34px; height: 57px; background-repeat:no-repeat; background-position: center center;; opacity: 0.3; filter: alpha(opacity=30); text-indent: -9999px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } #kids-back-top a:hover span { opacity: 1; filter: alpha(opacity=90); } /* -- Back to top button --> End -- */ /* ############################################################## STYLED ELEMENTS -> End ############################################################## */ /* --- Styles for Buttons --> Begin -- */ .button { display:block; text-align:center; margin-bottom:20px; margin-top:0; border-width: 0 1px 1px 0; border-style: solid; text-decoration: none !important; font-style: normal !important; cursor: pointer; font-family: Arial; line-height: 1.4; float:left; } .footer_row>.button,.projects_carousel>li>footer>a,.gallery-text a{ width:70px; } .rectangle { padding: .4em 2.5em .4em; font-size: 17px; } .button-centering{ float:none; margin-left:auto !important; margin-right:auto !important; } .not-ie .rectangle { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .l-float-right-send{ float:right !important; } .l-float-right-send:after{ display:block; content:""; clear:both; } .rounded { padding: .4em 2.8em .4em; font-size: 17px; } .not-ie .rounded { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .medium { margin-bottom: 1.4em; padding: .35em 1.7em .35em; font-size: 14px; } .not-ie .medium { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .small { margin-bottom: 1.4em; padding: .25em 1.1em; font-size: 14px; } .not-ie .small { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .large { margin-bottom: 0; padding: .6em .4em .6em; font-size: 1.5em; } .not-ie .large { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .align-btn-left { float: left; } .align-btn-right { float: right; } .rectangle-block-buttons { width:155px; margin-right:100px; } .rounded-block-buttons { width:160px; margin-right:100px; } .medium-block-buttons { width:115px; margin-right:100px; } .small-block-buttons { width: 80px; } #contact_form_responce { margin-top: 55px; } .t-blue .button-style1,.static-button-style1{ border-color: #3d7bb3; background-color: #d5ebf4; color: #3d7bb3; text-shadow: 1px 1px 0 #fff; } .t-blue .button-style1:hover,.static-button-style1:hover { border-color: #3d7bb3; background-color: #3d7bb3; color: #fff; text-shadow: 1px 1px 0 #1b4b8b; } .t-red .button-style1 ,.static-button-style2{ border-color: #ef5e5e; background-color: #f84343; color: #fff; } .t-red .button-style1:hover,.static-button-style2:hover { border-color: #ef5e5e; background-color: #ef5e5e; color: #fff; text-shadow: 1px 1px 0 #673949; } .t-green .button-style1,.static-button-style3{ border-color: #1d4642; background-color: #3d78ae; color: #fff; } .t-green .button-style1:hover,.static-button-style3:hover{ border-color: #1D4642; background-color: #1D4642; color: #fff; text-shadow: 1px 1px 0 #1e401e; } .t-brown .button-style1,.static-button-style4{ border-color: #713d26; background-color: #bdb17f; color: #713d26; text-shadow: 1px 1px 0 #fff; } .t-brown .button-style1:hover,.static-button-style4:hover{ border-color: #45352A; background-color: #45352A; color: #fff; text-shadow: 1px 1px 0 #31251e; } .t-peachy .button-style1,.static-button-style5{ border-color: #3d7bb3; background-color: #94BEDC; color: #3d7bb3; text-shadow: 1px 1px 0 #fff; } .t-peachy .button-style1:hover,.static-button-style5:hover{ border-color: #3d7bb3; background-color: #3d7bb3; color: #fff; text-shadow: 1px 1px 0 #1b4b8b; } .t-violet .button-style1,.static-button-style6{ border-color: #463548; background-color: #BF95AC; color: #6f6993; text-shadow: 1px 1px 0 #fff; } .t-violet .button-style1:hover,.static-button-style6:hover{ border-color: #463548; background-color: #463548; color: #fff; text-shadow: 1px 1px 0 #304172; } .button-style1 { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .ie8 ul.tabs li { background: url(../images/bg_tabs.png) repeat-x #ddf2fa; } /* --- Styles for Buttons --> End -- */ /* --- Dropcap --> Begin -- */ .dropcap1 { float: left; display:block; margin: 0.35em 0.5em 0 0; width:51px; height:51px; background: url(../images/dropcapspot_1.png) no-repeat scroll 50% 50% transparent; color: #6998c3; text-align: center; font-weight:700; font-size: 30px; line-height:51px; } .dropcap2 { float:left; display:block; margin:0 0.2em 0 0; color:#6998c3; font-weight:700; font-size:50px; line-height:50px; } /* --- Styles for Buttons --> End -- */ /* --- Pullquotes --> Begin -- */ .pullright { float: right; margin-left: 1em; padding: .3em 0; padding-left: 1em; width: 160px; border-left: 3px solid #bebebe; font-size: 1.5em; line-height: 1.4em; } .pullleft { float: left; margin-right: 1em; padding: .3em 0; padding-right: 1em; width: 160px; border-right: 3px solid #bebebe; font-size: 1.5em; line-height: 1.4em; } /* --- Pullquotes --> End -- */ /* --- Slogan --> Begin -- */ .slogan { position: relative; margin-bottom: 2.5em; padding: .3em 6em 1.5em 6em; background: url(../images/rig.png) repeat-x bottom; } .slogan:after { position: absolute; right: 0; bottom: 2.3em; overflow: hidden; width: 62px; height: 46px; background: url(../images/quote.png) no-repeat; content:''; } .slogan:before { position: absolute; top: 1em; left: 0; overflow: hidden; width: 62px; height: 46px; background: url(../images/quote.png) no-repeat; content:''; } .slogan h1 { margin-bottom: 0; color: #656464; text-align: center; word-spacing: 1px; font-weight: 700; font-style: italic; font-size: 2em; line-height: 1.5em; padding-bottom:10px; } /* --- Slogan --> End -- */ /* ############################################################## WIDGETS -> Begin ############################################################## */ .widget { margin-bottom: 20px; } /* ----- Widget Accordion ----- */ .accordion { border:1px solid #97bddb; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .accordion li:first-child { border-top:none; } .accordion li { position:relative; display:block; border-top:1px solid #97bddb; text-decoration:none; font-weight:100; } .accordion li a.opener { display: block; padding:8px 10px; outline: medium none; color: #2f2f2f; text-decoration:none; font-style:normal; font-size:16px; } .accordion li a.ui-state-active, .accordion li a.ui-state-hover { background:#97bddb; color:#fff; } .accordion li .slide-holder { padding: 15px 10px 0; } .accordion li .slide-holder h3 { margin-bottom: 5px; } .accordion li:first-child .ui-state-active, .accordion li:first-child .ui-state-hover { -webkit-border-radius:9px 9px 0 0; -moz-border-radius:9px 9px 0 0; border-radius:9px 9px 0 0; } .accordion li.last-child.ui-state-active.ui-state-hover { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .accordion li.last-child .ui-state-active.ui-state-hover { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .accordion li.last-child .ui-state-hover { -webkit-border-radius:0 0 9px 9px; -moz-border-radius:0 0 9px 9px; border-radius:0 0 9px 9px; } /* --- Highlighter --- */ .highlighter { margin-bottom:1em; } .highlighter .opener { background:url(../images/bg-code.png) no-repeat left top; display:block; width:180px; height:46px; line-height:44px; padding-left:42px; color:#2f2f2f; text-decoration:none; font-size:1.5em; outline: none; position:relative; z-index:4; font-style:normal; } .highlighter li { position:relative; } .highlighter .opener span { background:url(../images/opener-arrow.png) no-repeat left top; left:10px; top:8px; display:block; position:absolute; height:27px; width:27px; } .highlighter .ui-state-active span { background-position:-33px 0; } .highlighter .slide-holder { position: relative; z-index: 3; margin-top: -8px; margin-left: 20px; padding: 15px 10px 15px 15px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; line-height: 1.5em; min-width: 275px; background: url(../images/get-code-area.png) no-repeat left bottom #fff; } /* ----- Widget Tabbed ----- */ ul.tabs { float: left; margin: 0; padding: 0; width: 100%; height: 35px; /*--Set height of tabs--*/ list-style: none; } ul.tabs li { float: left; overflow:hidden; margin: 0 2px 0 0; padding: 0; height:34px; border-top:1px solid #97bddb; border-right:1px solid #97bddb; border-left:1px solid #97bddb; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; background: -ms-linear-gradient(top, #feffff, #def3fa); /* IE9 */ background: -moz-linear-gradient(top, #feffff, #def3fa); /* Firefox */ background: -o-linear-gradient(top, #feffff, #def3fa); /* Opera 11 */ background: -webkit-linear-gradient(top, #feffff, #def3fa); /* Chrome 11 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #feffff), color-stop(1, #def3fa)); /* Chrome 10, Safari */ line-height:34px; } #kids_middle_container ul.tabs li a { display: block; padding:0 10px; outline: none; border-bottom:none; color: #2f2f2f; text-align:center; text-decoration: none; font-style:normal; font-size: 16px; line-height:inherit; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay:0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration:0s; } #kids_middle_container ul.tabs li a:hover { height:34px; border:none; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; background:#97bddb; color:#fff; line-height:inherit; } #kids_middle_container ul.tabs li.active { background:#97bddb; } #kids_middle_container ul.tabs li.active a { color:#fff; } .tab_container { clear: both; overflow: hidden; margin-bottom:2em; width: 100%; border:1px solid #97bddb; -webkit-border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px; border-radius:0 10px 10px 10px; } .tab_content { display:none; padding: 15px 10px 0; font-size: 13px; } .tab_content h3 { margin-bottom: 5px; } /* ----- Widget Toggle ----- */ .box-toggle { position:relative; margin-bottom:15px; } b.trigger { position:relative; display:block; padding: 8px 10px; border: 1px solid #97bddb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #2f2f2f; text-decoration: none; font-weight: 100; font-size: 16px; cursor:pointer; background-image:url(../images/icons/expand_collapse.png); background-repeat: no-repeat; background-position: 98% 10px; background-color: #e1f4fb; } b.trigger:hover { background-color: #bce4f2; } b:hover.trigger.active, b.trigger.active { background-position: 98% -23px; background-color: #bce4f2; } .toggle_container { margin-top: -6px; padding: 1.5em 1em 0 1em; border-right:1px solid #97bddb; border-bottom:1px solid #97bddb; border-left:1px solid #97bddb; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } #kids_bottom_container .tweet_list li { margin-bottom: 1em; text-shadow: 1px 1px 0 rgba(255,255,255,.4); font-size: 1.083em; line-height: 1.5em; } #kids_bottom_container .tweet_list a { color: #385EA7; font-size: 1em; line-height: 1.5em; } #kids_bottom_container .tweet_list .tweet_time a { display: block; margin-top: 0.5em; color: #fff; text-shadow: none; font-style: italic; font-size: 1em; } .most-view-widget li:first-child, .twitter-widget li:first-child, .latest-posts-widget li:first-child { margin-top:0; } .latest-posts-widget li {margin-bottom: 2em;} .latest-posts-widget li:after { clear: both; display: block; visibility: hidden; height: 0; content: "."; } .latest-posts-widget .kids_post_content p { margin-bottom:.5em; } /* ----- Widget Pagenavi ----- */ .pagenavi { height: 31px; padding: 1em 1em .7em; margin: 45px 0 0 0; text-align: center; border: 1px solid #a3c5e0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3); -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3); } #sbr #post-content.blog .pagenavi {margin-left: 60px;} #sbr #post-content .pagenavi.gl {margin-left: 0;} .fullwidth-portfolio-shadow{ background-position:0 0 !important; } #dsb .pagenavi { margin-left: 10px; margin-right: 10px; } .pagenavi .pages {font-size: 1em; margin-right: 12px;} .pagenavi .page {color: #fff !important;} .pagenavi .prevpostslink, .pagenavi .nextpostslink { background: url(../images/bg_pagenavi_direction.png) no-repeat !important; text-indent: -9999px; } .pagenavi .nextpostslink { background-position: -40px 0 !important; } .pagenavi .page, .pagenavi .current, .pagenavi .prevpostslink, .pagenavi .nextpostslink { height:31px; width:31px; margin-right: 1px; display: inline-block; font-style: normal !important; text-align: center; line-height: 31px; background: url(../images/bg_pagenavi_item.png) no-repeat; } .pagenavi .current { background-position: -40px 0; color: #385ea7; } .pagenavi.gl { margin: 0 0 3em 0; padding: 4em 0 0 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: url(../images/pagination_shadow.png) no-repeat 77% top; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .content-container .pagenavi { margin-top: 5em; } /* ----- Widget Categories Type-1 -> Begin ----- */ .type-1 h3 { position: relative; font-size: 24px; padding-left: 10px; margin-bottom: 1em; color: #385EA7; } .type-1 h3:after { height: 13px; width: 220px; position: absolute; bottom: -16px; left: 0; content: ""; background: #b4e0f0; -webkit-border-radius: 10px 10px 30px 30px; -moz-border-radius: 10px 10px 30px 30px; border-radius: 10px 10px 30px 30px; } .ie8 .type-1 h3:after { background: url(../images/bg-type-1.png) no-repeat; } .widget_categories.type-1 ul { padding-left: 10px; } .widget_categories.type-1 ul > li:first-child { border-top: none; } .widget_categories.type-1 ul > li { border-top: 1px solid #89b3d3; padding: 0 0 0 10px; } .widget_categories.type-1 ul > li > a { background: url(../images/icons/expand_collapse_widget.png) no-repeat 0 9px; padding: 9px 0 9px 24px; font-style: normal; line-height: 18px; color: #2f2f2f; display: inline-block; } .widget_categories.type-1 ul li ul { padding-left: 25px; } .widget_categories.type-1 ul li ul li:first-child { padding-top: 0; } .widget_categories.type-1 ul li ul li { padding: 6px 0 6px 0; } .widget_categories.type-1 ul li ul li a { background: none; padding: 0 0 0 10px; } .widget_categories.type-1 ul > li > a.ui-state-active { background-position: 0 -23px; } /* ----- Widget Categories Type-1 -> End ----- */ /* ----- Widget Categories Type-2 -> Begin ----- */ .type-2 { position: relative; padding: 9px 9px 0 9px; } .type-2 h3 { margin-bottom: 30px; text-align: center; font-size: 23px; text-shadow: 1px 1px 0 rgba(255,255,255,.9); line-height: 1.5; } .type-2.widget { background: url(../images/bg-widget-type2.png) no-repeat; } .widget_categories.type-2:after, .widget_categories.type-3:after, .widget_video.type-2:after, .widget_video.type-3:after, .latest-posts-widget.type-2:after, .latest-posts-widget.type-3:after, .media_cat.type-2:after, .media_cat.type-3:after, .contact-info.type-2:after, .contact-info.type-3:after, .user-login.type-2:after, .user-login.type-3:after, .flickr.type-2:after, .flickr.type-3:after, .search.type-2:after, .search.type-3:after, .contact-us.type-2:after, .contact-us.type-3:after, .nav_cat.type-2:after, .nav_cat.type-3:after, .widget_recent_comments.type-2:after, .widget_recent_comments.type-3:after { position: absolute; left: 0; bottom: 0; height: 55%; width: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; content: ''; } .ie8 .widget_categories.type-2:after, .ie8 .widget_categories.type-3:after, .ie8 .widget_video.type-2:after, .ie8 .widget_video.type-3:after, .ie8 .latest-posts-widget.type-2:after, .ie8 .latest-posts-widget.type-3:after, .ie8 .media_cat.type-2:after, .ie8 .media_cat.type-3:after, .ie8 .contact-info.type-2:after, .ie8 .contact-info.type-3:after, .ie8 .user-login.type-2:after, .ie8 .user-login.type-3:after, .ie8 .flickr.type-2:after, .ie8 .flickr.type-3:after, .ie8 .search.type-2:after, .ie8 .search.type-3:after, .ie8 .contact-us.type-2:after, .ie8 .contact-us.type-3:after, .ie8 .nav_cat.type-2:after, .ie8 .nav_cat.type-3:after, .ie8 .widget_recent_comments.type-2:after, .ie8 .widget_recent_comments.type-3:after { content: ''; height: 71%; } .ie9 .widget_categories.type-2:after, .ie9 .widget_categories.type-3:after, .ie9 .widget_video.type-2:after, .ie9 .widget_video.type-3:after, .ie9 .latest-posts-widget.type-2:after, .ie9 .latest-posts-widget.type-3:after, .ie9 .media_cat.type-2:after, .ie9 .media_cat.type-3:after, .ie9 .contact-info.type-2:after, .ie9 .contact-info.type-3:after, .ie9 .user-login.type-2:after, .ie9 .user-login.type-3:after, .ie9 .flickr.type-2:after, .ie9 .flickr.type-3:after, .ie9 .search.type-2:after, .ie9 .search.type-3:after, .ie9 .contact-us.type-2:after, .ie9 .contact-us.type-3:after, .ie9 .nav_cat.type-2:after, .ie9 .nav_cat.type-3:after, .ie9 .widget_recent_comments.type-2:after, .ie9 .widget_recent_comments.type-3:after { content: ''; height: 71%; } .widget_categories.type-2 ul, .widget_categories.type-3 ul, .latest-posts-widget.type-2 ul, .latest-posts-widget.type-3 ul, .media_cat.type-2 ul, .media_cat.type-3 ul, .contact-info.type-2 ul, .contact-info.type-3 ul, .user-login.type-2 form, .user-login.type-3 form, .flickr.type-2 ul, .flickr.type-3 ul, .search.type-2 form, .search.type-3 form, .contact-us.type-2 form, .contact-us.type-3 form, .nav_cat.type-2 ul#nav, .nav_cat.type-3 ul#nav, .widget_recent_comments.type-2 #jstwitter, .widget_recent_comments.type-3 #jstwitter { position: relative; z-index: 1; } .widget_categories.type-2 ul li { padding-left: 7px; border-top: 1px solid #89b3d3; } .widget_categories.type-2 ul > li:first-child { border-top: none; } .widget_categories.type-2 ul > li > a { background: url(../images/icons/expand_collapse_widget.png) no-repeat 0 9px; padding: 9px 0 9px 24px; font-style: normal; line-height: 18px; color: #2f2f2f; outline: none; display: inline-block; } .widget_categories.type-2 ul li ul li , .widget_categories.type-3 ul li ul li { padding-left: 0; } .widget_categories.type-2 ul li ul { padding-left: 25px; } .widget_categories.type-2 ul li ul li:first-child, .widget_categories.type-3 ul li ul li:first-child { padding-top: 0; border-top: none; } .widget_categories.type-2 ul li ul li a, .widget_categories.type-3 ul li ul li a { background: none; margin: 0; padding: 6px 0 6px 10px; } .widget_categories.type-2 ul > li > a.ui-state-active { background-position: 0 -23px; } /* ----- Widget Categories Type-2 -> End ----- */ /* ----- Widget Categories Type-3 -> Begin----- */ .type-3 h3 { position: relative; z-index: 1; margin-bottom: .4em; font-size: 23px; color: #385EA7; } .type-3.widget { border-left: 1px solid #b5e1f0; border-right: 1px solid #b5e1f0; border-bottom: 1px solid #b5e1f0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius:15px; margin-bottom: 4em !important; } .widget_categories.type-3 ul li ul { padding-left: 35px; } div.type-3 { margin-top: 15px; position: relative; top: 15px; padding: 15px 9px 0 9px; } div.type-3:before { position: absolute; left: 0; top: -15px; height: 59px; width: 100%; background: url(../images/bg-widget-type3.png) no-repeat left top; content: ""; } .ie8 .type-3 {margin-top: 30px;} .ie8 .type-3:before {top: -25px;} .widget_categories.type-3 ul li {border-top: 1px solid #89b3d3;} .widget_categories.type-3 ul > li > a { background: url(../images/icons/expand_collapse_type-3.png) no-repeat 0 9px; margin-left: 10px; padding: 9px 0 9px 24px; font-style: normal; line-height: 18px; color: #2f2f2f; display: inline-block; } .widget_categories.type-3 ul li ul li:first-child a { padding-top: 0; } .widget_categories.type-3 ul > li > a.ui-state-active { background-position: 0 -27px; } /* ----- Widget Categories Type-3 -> End ----- */ .content-container .widget { position: relative; padding: 15px 14px 0; background: url("../images/aside-holder-widget.png") no-repeat scroll center top transparent; } .content-container .widget_cat ul { padding: 10px 5px 0; } .content-container .widget_cat ul li a { display: block; padding: .7em 5px; } .content-container .widget_cat ul li.backLava { -webkit-border-radius: 6px; -moz-borer-radius: 6px; border-radius: 6px; background: #c8dfed; } .content-container .widget_cat ul a { position: relative; z-index: 2; color: #385ea7; font-weight: 700; } .content-container .widget_cat ul a:hover, .content-container .widget_cat ul li .selectedLava { color: #002c6b; } /* ----- Widget Video ----- */ .widget_video.type-1 .kids_video_wrapper, .widget_video.type-2 .kids_video_wrapper { position: relative; z-index: 1; margin-top: 1em; margin-bottom: 1em; } .kids_video_wrapper { z-index: 999 !important; } .widget_video.type-1 .kids_video_wrapper { margin-left: 9px !important; margin-right: 9px !important; } .widget_video.type-3 { padding: 9px; } /* ----- Widget Latest Posts ----- */ body.t-text-2 .latest-posts-widget ul { } .latest-posts-widget .kids_image_wrapper { float: left; margin-right: 10px; } .latest-posts-widget .kids_post_content h4 a { text-align: left; color: #385EA7; font-style: normal; -moz-transition:all 250ms linear 0s; -webkit-transition:all 250ms linear 0s; -o-transition:all 250ms linear 0s; transition:all 250ms linear 0s; } .latest-posts-widget .kids_post_content h4 { margin-bottom: .2em; } .latest-posts-widget .kids_post_content p { line-height: 1.3em; } .latest-posts-widget ul li:first-child { border-top: none; padding-top: .3em; } .latest-posts-widget ul li { border-top: 1px solid #89b3d3; margin-bottom: 0; margin-right: 10px; padding: .9em 0 .9em; clear: both; } .latest-posts-widget ul li:after { clear: both; display: block; visibility: hidden; height: 0; content: "."; } .latest-posts-widget ul { margin-bottom: 2em; } .type-1.latest-posts-widget ul { margin-left: 10px; } /* ----- Widget Recent Tweets ----- */ .widget_recent_comments {position: relative;} .widget_recent_comments .tweet_list li { margin-left: 10px; } .widget_recent_comments .tweet { background: url(../images/icons/tweet.png ) no-repeat 0 12px; padding-left: 22px; line-height: 1.5em; margin-bottom: 1em; border:none; text-shadow:none; color:inherit; } .widget_recent_comments .tweets .tweet:first-child{ margin-bottom:3px; margin-top:-5px; } .widget_recent_comments .tweet a { color: #385EA7; font-style: normal !important; text-decoration: underline; -moz-transition:all 250ms linear 0s; -webkit-transition:all 250ms linear 0s; -o-transition:all 250ms linear 0s; transition:all 250ms linear 0s; text-shadow:none; } .widget_recent_comments .tweet a:hover{ text-decoration:none; } /* ----- Widget Recent Posts ----- */ .widget_recent_posts .entry, .widget_popular_posts .entry { padding: 5px 10px; text-align: left !important; } .widget_recent_posts li:first-child, .widget_popular_posts li:first-child { padding-top: .7em; background: none; } .widget_recent_posts li { padding-top: 1.5em; padding-bottom: 1.2em; background: url(../images/gallery-divider.png) repeat-x left top; } .widget_recent_posts li .title-recent-posts { font-size: 19px; margin-bottom: 0; } .widget_recent_posts li .title-recent-posts a { color: #385ea7; } .widget_recent_posts li .recent-posts-date { color: #2f2f2f; font-style: italic; } /* ----- Widget Popular Posts ----- */ .widget_popular_posts li { padding-top: 1.7em; padding-bottom: .1em; background: url(../images/gallery-divider.png) repeat-x left top; } .widget_popular_posts .entry .kids_image_wrapper { float: left; margin-right: 10px; } .widget_popular_posts .entry .excerpt { margin-bottom: .8em; line-height: 1.5em; } /* ----- Gallery Info Widget ----- */ .gl_sidebar .info_widget { margin-left: 14px; margin-right: 14px; padding: 4px; border: 1px solid #57a1cf; background: url(../images/bg_info.png) repeat-x #519dcd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 3px 5px #bebebe; -moz-box-shadow: 0 3px 5px #bebebe; box-shadow: 0 3px 5px #bebebe; } .gl_sidebar .info_widget .outline { border: 1px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .gl_sidebar .info_widget .info-icon { float: left; margin: 15px 0 0 0; padding: 1px 0; width: 60px; height: 63px; background: url(../images/icons/info.png) no-repeat left center; } .gl_sidebar .info_widget .info-text { display: table; padding: .4em 0; color: #fff; font-style: italic; font-size: 2em; text-shadow: 1px -1px 1px #619ecd, -1px 1px 1px #619ecd; } /* ----- Gallery Text Widget ----- */ .gl_sidebar .text_widget { position: relative; margin-bottom: 3em !important; padding: 15px 30px 0; min-height: 230px; background: url(../images/bg_gl_text.png) no-repeat center top; } .gl_sidebar .text_widget:after { position: absolute; bottom: -22px; left: 13px; width: 222px; height: 22px; background: url(../images/bg_gl_cat_bottom.png) no-repeat; content: ""; } .gl_sidebar .text_widget h3 { padding-right: 80px; font-weight: 700; font-size: 1.833em; text-align: center; } .gl_sidebar .text_widget .entry-text { padding-top: 5px; } .gl_sidebar .text_widget .text-icon { position: absolute; top: 6px; right: 23px; width: 75px; height: 81px; background: url(../images/icons/folder.png) no-repeat; } /* --- Media Categories --- */ .media_cat.type-1 ul {margin-top: 30px;} .media_cat.type-3 ul {margin-top: 15px;} .contact-info.type-1 li:first-child, .media_cat li:first-child, .contact-info li:first-child {border-top: none;} .media_cat li, .contact-info li { margin: 0 10px; padding: 11px 0 11px 0; border-top: 1px solid #89b3d3; } .media_cat.type-2 li, .contact-info.type-2 li, .media_cat.type-3 li, .contact-info.type-3 li {margin: 0;} .media_cat li a, .contact-info li a, .contact-info li span { padding-left: 35px; padding-top: 10px; padding-bottom: 10px; font-size: 1.167em; } .media_cat li a {color: #000;} .media_cat a.audio-icon { background: url(../images/icons/audio-icon.png) no-repeat left; } .media_cat a.image-icon { background: url(../images/icons/image-icon.png) no-repeat left; } .media_cat a.texts-icon { background: url(../images/icons/texts-icon.png) no-repeat left; } .media_cat a.video-posts-icon { background: url(../images/icons/video-posts-icon.png) no-repeat left 5px; } /* --- Contact Info --- */ .contact-info.type-1 {margin-bottom: 3em;} .contact-info.type-1 ul {margin-bottom: 1.5em;} .contact-info.type-2 ul {margin: 1em 0 1.5em;} .contact-info li span.landline_phone { background: url(../images/icons/phone-icon.png) no-repeat left; } .contact-info li span.mobile_phone { background: url(../images/icons/mobile-phone-icon.png) no-repeat 3px; } .contact-info li a.mailto { background: url(../images/icons/mailto.png) no-repeat left; color: #385EA7; -webkit-transition: color .25s linear; -moz-transition: color .25s linear; -ms-transition: color .25s linear; -o-transition: color .25s linear; transition: color .25s linear; } .contact-info li a.mailto:hover {color: #2F2F2F;} .contact-info li span.male { background: url(../images/icons/male-icon.png) no-repeat 2px; } .contact-info li span.female { background: url(../images/icons/female-icon.png) no-repeat 2px; } .contact-info.type-1 .get-code, .contact-info.type-2 .get-code, .contact-info.type-3 .get-code { display: block; margin: 10px; padding: .2em; width: 86%; border: 1px solid #62a7d2; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; background: #539ece; text-shadow: 0 0 2px #5e9dcc; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2); -moz-box-shadow: 0 3px 5px rgba(0,0,0,.2); box-shadow: 0 3px 5px rgba(0,0,0,.2); background: -webkit-gradient(linear, left top, left bottom, from(#9ac9e3), to(#539ece)); background: -moz-linear-gradient(top, #9ac9e3, #539ece); background: -o-linear-gradient(rgb(154,221,227),rgb(83,158,206)); color: #fff; font-style: italic; font-size: 2em; } .contact-info.type-2 .get-code, .contact-info.type-3 .get-code { position: relative; z-index: 2; display: block; padding: .2em .6em; margin-left: 0; margin-right: 0; } /* User Login */ .user-login input[type="text"], .search input[type="text"], .contact-us input[type="text"] { margin-bottom: 10px; padding: 5px 10px; width: 180px; border: 1px solid #8fb7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2f2f2f; } .contact-us label {display: block;} .capcha-frame { float: left; width: 85px; height: 30px; } .contact-us input[type="text"].verify { width: 90px; float: right; } .user-login.type-1 .small, .user-login.type-2 .small, .user-login.type-3 .small, .search.type-1 .small, .search.type-2 .small, .search.type-3 .small, .contact-us.type-1 .small, .contact-us.type-2 .small, .contact-us.type-3 .small {margin-bottom: .6em;} #userLogin, #search, #contactWidgetForm { padding-top: 1em; width: 200px; } .user-login input[type="text"], .search input[type="text"], .contact-us input[type="text"], .contact-us textarea { border: 1px solid #8FB7D7; border-radius: 5px 5px 5px 5px; color: #2F2F2F; font-family: Arial; font-size: 12px; margin-bottom: 10px; padding: 5px 10px; width: 180px; } /* Contact Us */ .contact-us #contactWidgetForm textarea { margin-bottom: 10px; padding: 10px; width: 180px; min-width: 180px; max-width: 180px; height: 90px; min-height: 90px; max-height: 160px; border: 1px solid #8fb7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2f2f2f; font-size: 13px; font-family: Arial; } .contact-us.type-1 fieldset {margin: 0 10px;} /* Flickr */ #flickr-badge {padding-bottom: 7px; min-height: 17em;} #flickr-badge li { display: inline-block; margin: 8px 8px 0 0; } #sidebar #flickr-badge li, #sidebar-left #flickr-badge li, #sidebar-right #flickr-badge li {margin: 7px 7px 0 0;} #flickr-badge li.last {margin-right: 0;} .kids_bottom_container #flickr-badge img { width: 55px; height: 55px; border-width: 5px; border-style: solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } #sidebar #flickr-badge a, #sidebar-left #flickr-badge a, #sidebar-right #flickr-badge a { display: block; padding: 3px; border-radius: 5px; } #sidebar #flickr-badge img, #sidebar-left #flickr-badge img, #sidebar-right #flickr-badge img { display: block; background-color: black; border: 1px solid #FFFFFF; height: 52px; width: 52px; } .t-blue #flickr-badge img {border-color: #d5ebf4;} .t-brown #flickr-badge img {border-color: #bdb17f;} .t-green #flickr-badge img {border-color: #6aa68a;} .t-peachy #flickr-badge img {border-color: #94bedc;} .t-violet #flickr-badge img {border-color: #bf95ac;} .t-red #flickr-badge img {border-color: #fdabb6;} #flickr-badge li:hover img {border-width: 5px; border-style: solid;} .t-blue #flickr-badge li:hover img {border-color: #134c80;} .t-brown #flickr-badge li:hover img {border-color: #45352a;} .t-green #flickr-badge li:hover img {border-color: #22360f;} .t-peachy #flickr-badge li:hover img {border-color: #3d7bb3;} .t-violet #flickr-badge li:hover img {border-color: #332647;} .t-red #flickr-badge li:hover img {border-color: #DA7163;} /* --- 404 Page --- */ .e404 { padding-left: 7em; } .holder404 { font-weight: 300; } .holder404 .e404 h1 { float: left; margin: 0; padding: 0; font-size: 15.167em; font-weight: 400; } .holder404 .title_error { padding-top: 9.6em; } .holder404 .title_error span { display: block; color: #707071; text-transform: uppercase; font-size: 3.25em; line-height: .4em; } .holder404 .title_error div { font-size: 2.5em; color: #707071; font-weight: 300; } .holder404 .description_error { color: #707071; text-align: center; font-size: 2.267em; } .holder404 .description_error a { text-decoration: underline; font-style: normal; } /* --- Sitemap --- */ .map { float: left; margin: 0 9px 7em 10px; } .map li a { display: block; padding: .5em 5px .5em 8px; border-bottom: 1px dotted #919191; color: #3c3c3c; font-size: 1.024em; background: url(../images/sitemap-arrow.png) no-repeat 1px center; } .map li a:hover { color: #385ea7;} .map ul ul {margin: .5em 0 .5em .5em;} .map ul ul li a { padding: .4em 5px .4em 8px; font-size: 0.917em; } /* ############################################################## WIDGETS -> End ############################################################## */ /* ############################################################## MODULES -> End ############################################################## */ /* ############################################################## States -> Begin ############################################################## */ /* ############################################################## States -> End ############################################################## */ /* -- Contact --> Begin -- */ .contactForm { margin-top:1.7em; } .contactForm fieldset { border:1px solid #9bc0dd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#eaf7fb; padding:3em 3em 0 3em; } .contactForm .row { margin-bottom:2em; } .contactForm label { color:#2f2f2f; display:block; margin-bottom:.4em; font-size:13px; font-weight:700; } .contactForm .row input[type="text"] { background:#fafdfe; height:28px; line-height:28px; width:418px; padding:0 10px; border:1px solid #9bc0dd; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .contactForm .row input.verify { width: 80px; vertical-align: top; margin-bottom:10px; } .contactForm .capcha-frame { width: 80px; height: 30px; } .contactForm .row textarea { padding:10px; font-size:13px; border:1px solid #9bc0dd; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; width:400px !important; min-height:128px; max-height:500px; margin-bottom:1em; font-family: Arial; } .contactForm .row .wrong-data {border-color: #FF99A6 !important;} #map_canvas { border: 1px solid #fff; width: 292px; height: 254px; } /* --- Address --- */ .contact-address { padding-left:12px; } .contact-address address { font-style:normal; line-height:1.5em; margin-bottom:1.2em; } /* -- Contact --> End -- */ /* ############################################################## EXTENDED TYPOGRAPHY -> Begin ############################################################## */ /* - Dividers and Borders -> Begin ----------------------------------- */ .divider-content { height:1px; border-bottom:1px solid #97bddb; width:100%; clear:both; overflow:hidden; margin-bottom:1.5em; } .divider-padding { width:100%; clear:both; padding:0.3em 0; } .border-shadow.alignleft { float:left; margin: 0 0.9em 0.5em 0; } .alignleft {float: left;} .alignright {float: right;} .aligncenter {text-align: center;} .border-shadow.alignright { float:right; margin:0 0 0.5em 0.9em; } .add_border:after { background:url(../images/shadow-sprite.png) no-repeat 0 -41px; content:""; position:absolute; bottom:-20px; left:0; width:220px; height:20px; } /* - Dividers and Borders -> End -------------------------------------- */ /* - Custom Box Styles -> Begin -------------------------------------- */ .info-box { background:url(../images/icons/info-icon.png) no-repeat #cde9f3; border:1px solid #9bc0dd; } .success-box { background:url(../images/icons/success-icon.png) no-repeat #d8dcf3; border:1px solid #9594bc; } .arrow-box { background:url(../images/icons/arrow-icon.png) no-repeat #e1efb6; border:1px solid #94b851; } .error-box { background:url(../images/icons/error-icon.png) no-repeat #ffdad4; border:1px solid #ff99a6; position:relative; } .alert-box { background:url(../images/icons/alert-icon.png) no-repeat #ffe2c9; border:1px solid #fa9338; } .notice-box { background:url(../images/icons/notice-icon.png) no-repeat #e9d5c4; border:1px solid #bc9d83; } .info-box, .arrow-box, .alert-box, .success-box, .error-box, .notice-box { -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; padding:1.9em 1em 1.7em 6.5em; margin-bottom:3em !important; background-position:20px center; background-repeat:no-repeat; } /* - Custom Box Styles -> End --------------------------------------- */ /* - Notifications Box Styles -> Begin ------------------------------ */ .custom-box-wrap { position:relative; margin-bottom:1.1em; } .custom-box-success, .custom-box-error, .custom-box-inform, .custom-box-warning, .custom-box-edit, .custom-box-members, .custom-box-tip, .custom-box-hello, .custom-box-download { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin: 0; padding:1.3em 2em 1.2em 2.8em; background-position:10px center !important; background-repeat:no-repeat; text-shadow:1px 1px 0 rgba(255,255,255,0.7); font-weight:700; } .close-box { position:absolute; right:15px; top:15px; display:block; cursor:pointer; font-size:1.2em; } .custom-box-success { background:url(../images/icons/custom-success.png) no-repeat #d1fa9c; border:1px solid #4b9206; color:#478f00; } .custom-box-error { background:url(../images/icons/custom-error.png) no-repeat #fe8686; border:1px solid #c00505; color:#be0000; } .custom-box-inform { background:url(../images/icons/custom-inform.png) no-repeat #98d7ff; border:1px solid #0668d8; color:#0064d7; } .custom-box-warning { background:url(../images/icons/custom-warning.png) no-repeat #fed268; border:1px solid #f18323; color:#f58220; } .custom-box-edit { background:url(../images/icons/custom-edit.png) no-repeat #fbe1a3; border:1px solid #958a62; color:#8a7f55; } .custom-box-members { background:url(../images/icons/custom-members.png) no-repeat #d2d2d2; border:1px solid #686868; color:#646464; } .custom-box-tip { background:url(../images/icons/custom-tip.png) no-repeat #e5c1e5; border:1px solid #bd54bd; color:#ae00ae; } .custom-box-download { background:url(../images/icons/custom-download.png) no-repeat #81a6fe; border:1px solid #5561c5; color:#0014c8; } .custom-box-hello { background:url(../images/icons/custom-hello.png) no-repeat #b28e2d; border:1px solid #674b11; color:#5a3c00; } /* - Notifications Box Styles -> End -------------------------------- */ /* - List Styles -> Begin ------------------------------------------- */ .list { list-style: none outside none; margin: 0; padding:0; } .list li { padding-left:1.3em; margin-bottom:.8em; font-size:13px; } ul.list .type-3, ul.list .type-4, ul.list .type-5, ul.list .type-6 { padding-left:1.6em; } ul.list .type-7, ul.list .type-8 { padding-left:1.8em; } ul.type-1 li, ul.list li.type-1, ul.type-12 li { background:url(../images/icons/icon-type-1.png) no-repeat left center; } ul.type-2 li, ul.list li.type-2 { background:url(../images/icons/icon-type-2.png) no-repeat left center; } ul.type-3 li, ul.list li.type-3 { background:url(../images/icons/icon-type-3.png) no-repeat left center; } ul.type-4 li, ul.list li.type-4 { background:url(../images/icons/icon-type-4.png) no-repeat left center; } ul.type-5 li, ul.list li.type-5 { background:url(../images/icons/icon-type-5.png) no-repeat left center; } ul.type-6 li, ul.list li.type-6 { background:url(../images/icons/icon-type-6.png) no-repeat left center; } ul.type-7 li, ul.list li.type-7 { background:url(../images/icons/icon-type-7.png) no-repeat left center; } ul.type-8 li, ul.list li.type-8 { background:url(../images/icons/icon-type-8.png) no-repeat left center; } ul.type-9 li { list-style:decimal-leading-zero; padding-left:0; line-height:2em; margin-left:2em; text-decoration:underline; } ul.type-10 li { background:url(../images/icons/icon-type-9.png) no-repeat left center; border-bottom:1px solid #c2c2c2; margin-bottom:0; line-height:2.5em; } ul.type-11 li { background:url(../images/icons/icon-type-10.png) no-repeat left center; border-bottom:1px solid #c2c2c2; margin-bottom:0; line-height:2.5em; padding-left:2em; } ul.type-12 li { line-height:2em; } /* - List Styles -> End --------------------------------------------- */ /* - Tables -> Begin ------------------------------------------ */ .custom-table, .custom-table2 { margin: 0 0 1.5em 0; padding: 0; width: 100%; background:#fff; font-size:13px; border: 1px solid #97bddb; border-collapse: inherit; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } .custom-table2 { background:#eaf7fb; } .custom-table thead th { color:#fff; } .custom-table thead th, .custom-table2 thead th { padding:8px 10px; text-align:center; font-size:18px; background:#b1d0e5; } .custom-table2 thead th { font-size:13px; font-weight:700; border-right: 1px solid #9bc0dd; } .custom-table2 thead th:first-of-type { -webkit-border-radius: 7px 0 0 0; -moz-border-radius: 7px 0 0 0; border-radius: 7px 0 0 0; } .custom-table2 thead th:last-of-type { -webkit-border-radius: 0 7px 0 0; -moz-border-radius: 0 7px 0 0; border-radius: 0 7px 0 0; } .custom-table .radius-left, .custom-table2 .radius-left { -moz-border-radius:7px 0 0 0; -webkit-border-radius:7px 0 0 0; border-radius:7px 0 0 0; } .custom-table .radius-right, .custom-table2 .radius-right { -moz-border-radius:0 7px 0 0; -webkit-border-radius:0 7px 0 0; border-radius:0 7px 0 0; } .custom-table tbody td, .custom-table2 tbody td { border-top: 1px solid #97bddb; border-right: 1px solid #97bddb; padding:14px 10px; text-align:center; } .custom-table2 tbody td { text-align:center; font-size:13px; padding:6px 10px; } .custom-table2 tbody td:last-of-type {border-right: 0;} .custom-table tbody td.noborder, .custom-table2 tbody td.noborder { border-right:none; } /* ---- Pricing Tables ----- */ .pricing-table { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .pricing-table ul { margin: 0; padding: 0; list-style-type: none; } .pricing-table ul li { margin: 0; position:relative; padding:.8em .3em; list-style-type: none; } .pricing-table .column:first-child { border-left: none; } .pricing-table .first, .pricing-table .current-row.first ul:after { -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; } .pricing-table .last, .pricing-table .current-row.last ul:after { -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; } .pricing-table ul { position:relative; } .pricing-table .column { position:relative; background: url(../images/footer_row.png) repeat-x left bottom; float:left; width:24.8%; text-align:center; border-left: 2px solid #fff; z-index: 2; } .pricing-table .current-row li span, .pricing-table .current-row li h1 {position: relative; z-index: 3;} .pricing-table .current-row ul:after { content:''; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; background: url(../images/current-row.png) repeat; } .pricing-table .current-row li.header_row:after { position: absolute; z-index: 5; top: -4px; left: -3px; width: 82px; height: 62px; background: url(../images/offer-teaser.png) no-repeat; content: ""; } .pricing-table .column li { min-height:1em; font-weight: 700; } .pricing-table .column li.even { background-color: #c5ddee; } .pricing-table .column li.header_row { background-color: #c1daeb; padding: 1.4em 0; border-bottom: 2px solid #98c2e1; } .pricing-table .column li.header_row h1 { margin-bottom: 0; } .pricing-table .column li.header_row span { font-size: 1.667em; font-weight: 100; } .pricing-table .column:first-child li.footer_row { border-left: 2px solid #98c2e1; border-radius: 0 0 0 8px; } .pricing-table .column li.footer_border { border-right: 2px solid #98c2e1; border-radius: 0 0 8px 0; } .pricing-table .column li.footer_row { position: relative; overflow:hidden; z-index: 2; font-weight: 100; padding: 1.8em 0 0 0; border-bottom: 2px solid #98c2e1; border-top: 2px solid #98c2e1; } .pricing-table .column:first-child li.header_row { border-radius: 8px 0 0 0; } .pricing-table .column:last-child li.header_row { border-radius: 0 8px 0 0 ; } /* - Tables-> End --------------------------------------------- */ /* - Elements styling -> Begin------------------------------- */ .highlight { text-decoration:blink; } .t-big { font-size:14px; } .t-deleted { text-decoration:line-through; } .highlight1::-moz-selection, .highlight2::-moz-selection, .highlight3::-moz-selection, .highlight4::-moz-selection, .highlight5::-moz-selection, .highlight6::-moz-selection, .highlight7::-moz-selection { color:#fff; padding:1px 3px; } .highlight1::selection, .highlight2::selection, .highlight3::selection, .highlight4::selection, .highlight5::selection, .highlight6::selection, .highlight7::selection { padding:1px 3px; } .highlight1::selection {background-color:#a90202; color:#fff;} .highlight2::selection {background-color:#c902c7; color:#fff;} .highlight3::selection {background-color:#5e62ff; color:#fff;} .highlight4::selection {background-color:#139ea3; color:#fff;} .highlight5::selection {background-color:#149026; color:#fff;} .highlight6::selection {background-color:#ffff42; color:#ff0000;} .highlight7::selection {background-color:#ff8200; color:#fff;} .highlight1::-moz-selection {background-color:#a90202;} .highlight2::-moz-selection {background-color:#c902c7;} .highlight3::-moz-selection {background-color:#5e62ff;} .highlight4::-moz-selection {background-color:#139ea3;} .highlight5::-moz-selection {background-color:#149026;} .highlight6::-moz-selection {background-color:#ffff42; color:#ff0000;} .highlight7::-moz-selection {background-color:#ff8200;} span.highlight1, span.highlight2, span.highlight3, span.highlight4, span.highlight5, span.highlight6, span.highlight7 { padding:1px 3px; } span.highlight1 {background-color:#a90202; color:#fff;} span.highlight2 {background-color:#c902c7; color:#fff;} span.highlight3 {background-color:#5e62ff; color:#fff;} span.highlight4 {background-color:#139ea3; color:#fff;} span.highlight5 {background-color:#149026; color:#fff;} span.highlight6 {background-color:#ffff42; color:#ff0000;} span.highlight7 {background-color:#ff8200; color:#fff;} /* - Elements styling-> End --------------------------------- */ /* ############################################################## PAGES STYLES -> Begin ############################################################## */ /* ----- Blog Page --> Begin ----- */ .content-container { width: 980px; } #sbl #sidebar, #dsb #sidebar-left { width: 220px; float: left; margin: 0; } #sbl #post-content { float: right; width: 650px; } #sbr #post-content { width: 650px; float: left; } #sbr.content-container #post-content { margin-left: 0; } #sbr #content { float: left; width: 630px; } #sbr #sidebar, #dsb #sidebar-right { width: 220px; float: right; margin: 0; } #dsb #post-content { width: 400px; margin-left: 30px; float: left; } .content-container .item-post { margin-bottom: 1em; padding: 40px 40px 20px 34px; min-height: 362px; background: url(../images/area-holder.png) no-repeat; } .content-container.details .item-post { margin-bottom: 0; padding-bottom: 0; } .post-item { margin:0 0 30px 0; width: 590px; border:1px solid #a3c5e0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3); position:relative; } .error_message { margin:0 0 30px 0; width: 533px; border:1px solid #F70307; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3); position:relative; } .success_message { margin:0 0 30px 0; width: 533px; border:1px solid #2DB82F; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3); position:relative; } #sbr .post-item {margin-left: 60px;} #dsb .post-item { margin-left: 0; width: auto; } .post-entry { padding:1.75em 19px .5em; } .content-container .post-title { padding-left: 20px; } .content-container .post-title h2 { margin-bottom: .5em; } .content-container .post-title a { color: #385EA7; -webkit-transition: color .25s linear; -moz-transition: color .25s linear; -ms-transition: color .25s linear; -o-transition: color .25s linear; transition: color .25s linear; } .content-container .post-title a:hover {color: #2f2f2f;} .content-container .post-entry { padding: 0 0 2em 0; } .content-container.details .post-entry { padding-bottom: 1em; } .content-container .entry { text-align: justify; } #dsb .post-entry { padding: 1.4em 19px 0; } #dsb .post-entry .border-shadow {margin-bottom: 10px;} #dsb .post-title { padding-left: 95px; } #dsb .more { color: #198beb; } .post-item h1 a { color: #385EA7; -moz-transition:all 250ms linear 0s; -webkit-transition:all 250ms linear 0s; -o-transition:all 250ms linear 0s; transition:all 250ms linear 0s; } .post-item h1 a:hover { color: #2f2f2f; } .post-item .post-thumb, .post-item .entry-thumbnail { -moz-border-radius:9px; -webkit-border-radius:9px; border-radius: 9px; padding: 9px; position:relative; float:left; margin-right:1em; margin-bottom: 1em; } .post-item .entry-thumbnail { float: none; margin: 0 0 2em 0; } #dsb .entry { display: block; } .content-container .metadata { position: relative; z-index: 2; left: -27px; margin-bottom: 2em; height: 40px; } .content-container .metaholder { position: relative; left: -5px; float:left; padding: 0 18px 0 12px; height: 32px; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; background: url(../images/bg_metaholder.png) no-repeat; line-height: 32px; margin-bottom: 2em; } .content-container .metaholder > span {font-size: 1.167em;} .content-container .metaholder > span a, .content-container .metaholder span span {color: #385ea7;} .content-container .metaholder a:hover {text-decoration: underline;} .content-container .metadata .post-date { float: left; width: 120px; height: 40px; background: url(../images/bg_metadata_date.png) no-repeat left; color: #000; text-align: center; font-size: 1.167em; line-height: 2.3em; } .post-meta .post-date { height: 63px; width: 70px; margin-bottom: 7px; text-align: center; padding: 3px 0 0 3px; } #dsb .post-meta .post-date { padding: 0 0 0 10px; } #dsb .post-comments { font-weight: 700; font-size: 1.083em; background: url(../images/comments-icon.png) no-repeat left 2px; padding: 2px 0 5px 21px; display: block; float: left; } .post-meta .post-comments { text-align: center; padding: 0 10px 0 13px; line-height: 1; } .post-meta .post-comments a { color: #2f2f2f; font-style: normal !important; font-size: 0.83em; } .post-meta .post-date .day { font-size: 24px; color: #fff; display: block; padding: 0 5px 0 5px; } #dsb .post-meta .post-date .day { font-size: 24px; color: #fff; display: block; padding: 0 5px 0 5px; line-height: 1.35; } .post-meta .post-date .month { color: #fff; display: block; padding: 0 5px 0 5px; text-transform: uppercase; font-size: 0.9em; } .post-footer { padding: .85em 2em; border-top: 1px solid #9dc1de; } #dsb .post-footer { padding: .5em 1.7em; } .post-footer p {margin: 0;} .post_cats, .post_tags {margin-right: 15px; margin-bottom: 10px; line-height: 1.7em;} .post_cats span, .post_tags span { font-weight: 700; font-size: 1.083em; background: url(../images/bg-post-footer-categories.png) no-repeat; padding: 1px 0 10px 22px; } .post_cats a, .post_tags a { color: #2f2f2f; display: inline; font-size: 1.083em !important; font-style: normal !important; } #sbr.content-container #post-content { float: left; margin-left: 0; padding: 0; width: 728px; min-height: 362px; } /* ---- Comment list ---- */ .content-container #respond { margin: 0 40px 0 35px; } .content-container #respond h3 { position: relative; display: inline-block; padding: .38em 1.2em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #b1d0e5; } .content-container #respond h3:after { position: absolute; bottom: -16px; left: 80px; width: 23px; height: 16px; background: url(../images/arrow.png) no-repeat; content: ''; } .content-container .comment-list { margin-bottom: 1.5em; padding: 9px 20px 0 20px; background: #eaf7fb; border: 1px solid #9bc0dd; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } .entry-container #respond { background: url(../images/bg_form.png) repeat-x left bottom; border:1px solid #a3c5e0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3); padding: 35px 20px 50px 20px; } .entry-container .comment-list { position:relative; } .entry-container .comment-reply-link { color: #1589d2; } .comment-list ol li, .comment-list ol ul{ margin:0; list-style:none; } .entry-container #comments ol > .comment { clear:both; display:block; width: 589px; padding-bottom: 2em; margin: 0 0 30px -20px !important; border-bottom: 1px solid #9dc1de; } .entry-container .comment-body {padding-left: 20px;} .content-container .comment-body {padding: 0;} .avatar { width: 47px; height: 47px; padding: 2px; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-right: 15px; } .avatar img {border: 1px solid #fff;} .entry-container .comment-text { float:left; width:470px; line-height: 1.5em; } .content-container { line-height: 1.5em; } .entry-container .comment-text a { text-decoration:underline; font-size:13px; } .content-container .comment-text { padding-top: 10px; } .comment-date { font-family: 'Averia Sans Libre'; color: #0d0d0e; font-style: italic; font-size: 0.917em; } #respond .comment-author a { font-family: 1.083em; color: #2f2f2f; font-weight: 700; text-decoration: none; font-style: normal; } .entry-container .comment-entry {padding-top: 5px;} .content-container .comment-entry {padding-top: 15px;} .entry-container .comment-meta {color: #777;} .content-container .comment-meta { margin-top: 1.2em; } #respond .comment-reply-link { color: #1589d2; font-style: normal; text-decoration: none; } .entry-container .children .comment-text { width: 380px; } .entry-container .children .comment { border-top: 1px solid #9dc1de; padding-top: 20px; margin-top: 20px; margin-right: 30px; margin-left: 90px; } .content-container .children .comment { margin-bottom: 1.5em; padding: 20px 20px 0 20px; border: 1px solid #87bed7; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #fff; } .children .comment-body { padding-left: 0; } /* ---- Comment form ---- */ .entry-container .comment-form { padding-left: 60px; } .content-container .comment-form { margin-bottom: 1.5em; padding: 20px 20px 0 20px; background: #eaf7fb; border: 1px solid #9bc0dd; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } .entry-container .comment-form .row { clear:both; padding: 3px 0 7px 0; } .content-container .comment-form .row { padding: 3px 0 10px 0; } .content-container .comment-form .row.align-btn-right { width: 368px; } .content-container .comment-form .row .button { margin-bottom: .4em; padding: 0.10em .5em 0.20em; } .content-container .comment-form .row button[type="reset"] { margin-right: 2.2em; } .comment-form .row-btn { clear: both; padding: 15px 0 0 0; } .entry-container .comment-form .row label { display:block; margin-bottom: .5em; } .content-container .comment-form .row label { display: block; margin-bottom: .15em; } .entry-container .comment-form .inputtext, .entry-container .comment-form .textarea { font-weight:normal; border:1px solid #9dc1de; background:#fff; font-size: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:240px; } .comment-form .inputtext { padding: 5px 10px;} .entry-container .comment-form .textarea { width: 405px; max-width: 405px; min-width: 405px; height: 75px; min-height: 75px; max-height: 350px; padding:10px; overflow:auto; } .content-container .comment-form .inputtext { width: 200px; border:1px solid #9dc1de; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 1.1em; } .content-container .comment-form .textarea { margin-bottom: 1em; padding: 5px 10px; width: 348px; max-width: 348px; min-width: 348px; height: 136px; min-height: 136px; max-height: 350px; border:1px solid #9dc1de; background:#fff; font-size: 1.1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* ----- Blog Page --> End ----- */ /* ----- Sidebars --> Begin ----- */ #sbr.content-container #sidebar { position: relative; right: 11px; width: 248px; float: right; margin: 0; } .content-container #sidebar h3 { margin-left: 10px; font-size: 22px; color: #385EA7; } /* ----- Sidebar Right --> End ----- */ /* Responsive change */ @media only screen and (min-width: 768px) and (max-width: 959px) { body{ min-width:inherit; } .l-page-width { width: 748px; padding: 0 10px; text-align: left; margin: 0 auto; } .l-page-width.no-padding { padding: 0; width: 748px; } .content-container{ width:748px; } .l-float-left { float: left; } .l-float-right { float: right; } .l-float-center { float: none; } .l-grid-2 { width: 120px; } .l-grid-3 { width: 171px; } .l-grid-3a { width: 210px; } .l-grid-4 { margin-bottom: 1.5em; width: 196px; } .l-grid-5 { width: 268px; } .l-grid-7 { width: 350px; } .l-grid-9 { width: 430px; } .entry-container .l-grid-3 { margin-right: 0.4em; margin-bottom: 1.5em; } .last { margin-right:0 !important; } /* ############################################################## LAYOUT -> End ############################################################## */ /* ############################################################## MULTI COLUMNS -> End ############################################################## */ .full_width, .one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .two_thirds, .two_thirds_last, .three_fourth, .three_fourth_last, .four_fifth, .four_fifth_last {padding-bottom: 1.5em;} #kids_middle_container .full_width { width: auto; } #kids_middle_container .one_half { float: left; width: 344px; margin-right:20px; } #kids_middle_container .one_half_last { float: right; width: 344px; margin: 0; } #kids_middle_container .one_third { float: left; width: 229px; margin-right: 10px; } #kids_middle_container .one_third_last { float: right; width: 229px; margin: 0; } #kids_middle_container .one_fourth { float: left; width: 169px; margin-right: 10px; } #kids_middle_container .one_fourth_last { float: right; width: 169px; margin: 0; } #kids_middle_container .one_fifth { float: left; width: 133px; margin-right: 10px; } #kids_middle_container .one_fifth_last { float: right; width: 133px; margin: 0; } #kids_middle_container .two_thirds { float: left; width: 469px; margin-right: 10px; } #kids_middle_container .three_fourth { float: left; width: 529px; margin-right: 10px; } #kids_middle_container .four_fifth { float: left; width: 565px; margin-right:10px; } .kids_slider_inner_wrapper .nivoSlider{ width:auto !important; height:258px !important; } #kids_logo_block{ position:relative; float:none; width:100%; text-align:center; } #kids_header #kids_logo_block{ margin:0 0 5px 0; } #kids_main_nav{ margin-right:80px; } .bg-level-2-left,.bg-level-2-right,.bg-level-1-left{ display:none; } #kids-slider img{ width:100%; display:block; height:auto; } .nivo-directionNav .nivo-nextNav{ right:37%; } .nivo-directionNav .nivo-prevNav{ left:37%; } .kids_top_content .kids_posts_container{ margin:0 20px; } .kids_top_content .kids_post_block.l-grid-4{ width:196px; } .recent_projects ul li{ margin-right:29px; } .kids_bottom_container .one_fourth{ width:163px; margin-right:15px; } .entry-container, .gl_col_2, .gl_col_3, .gl_col_4{ background-size:748px 300px; padding:30px 20px; } #sbr #post-content{ width:477px; } .border-shadow figure{ overflow:hidden; } #sbr .gallery-item{ margin:0 10px 0 0; } .gallery-item.last{ margin-right:0; } .entry-container .gallery-item, .gl_col_3 .gallery-item{ width:233px; } .prettyPhoto{ overflow:hidden; } .highlighter .opener{ font-size:1.3em; } .border-shadow img,.t-blue .kids_picture .kids_curtain,.border-shadow figure object{ width:100%; box-sizing:border-box; } .gallery-item-half{ width:344px; } .gallery-item-third{ width:222px; } .gallery-item-fourth{ width:162px; } .rectangle-block-buttons{ margin-right:78px; } .rounded-block-buttons,.medium-block-buttons { margin-right:60px; } .border-shadow figure object{ width:100%; box-sizing:border-box; } .pricing-table .column{ width:24.7%; } #dsb #post-content{ margin-left:10px; width:250px; } #dsb .pagenavi{ width:240px; } #sbl #post-content{ width:470px; } .capcha-frame{ width:0; } #verify{ float:none; } #sbr #content{ width:488px; } .map{ float:none; margin-bottom:10px; } #sbr .gallery,#sbr.gl_col_1 .gallery-item{ width:478px !important; } #sbr #gallery > li div.border-shadow{ float:none; } .gl_col_2 .gallery-item{ width:334px; } .entry-container .gallery-item, .gl_col_3 .gallery-item{ width:216px; } .gl_col_4 .gallery-item{ width:156px; } #sbr #gallery > li{ width:195px; } .post-item{ width:414px; } .entry-container #comments ol > .comment{ width:475px; } .entry-container .comment-text{ width:376px; } .entry-container .children .comment-text{ width:279px; } .entry-container .comment-form .textarea{ width:350px; min-width:350px; } #sbr.content-container #post-content{ width:483px; } .content-container .item-post{ background-size:483px 300px; } .content-container .metaholder > span{ font-size:0.7em; } .content-container .metaholder{ padding:0 5px; } .content-container .metadata{ left:-33px; } .contactForm fieldset{ padding:15px; } .contactForm .row input[type="text"]{ width:353px; } .contactForm .row input[type="password"]{ width:353px; } .contactForm .row textarea{ width:353px !important; } .button{ float:left; margin-top:10px !important; } #map_canvas{ width:260px; } .minigallery{ width:576px !important; left:6px !important; } .footer_row a.button{ float:none !important; } .kids_slider_inner_wrapper>object{ width:724px; height:420px; } .kids_slider_inner_wrapper>img{ width:724px; } .t-blue #sbr .post-meta{ background-size:67px 225px; left:-68px; width:67px; } .post-meta .post-date{ width:60px; } #dsb .pagenavi{ width:237px; margin-left:0; margin-top:0; padding:1em 0.5em; } .entry-container #respond{ padding-bottom:65px; } .vjs-spinner{ display:none; } .post-footer .post_cats,.post-footer .post_tags{ float:none; } #contact_form_responce{ margin-top:60px; } #kids_slider_inner_wrapper .anythingSlider{ width:724px !important; } #kids_slider_inner_wrapper .anythingSlider img{ width:724px !important; } .l-float-right-send{ float:left !important; } .pagenavi.gl{ background-size:608px 20px; } .button-centering{ float:none; margin-left:auto !important; margin-right:auto !important; } } @media only screen and (min-width: 480px) and (max-width: 767px) { body{ min-width:inherit; } .l-page-width { width: 400px; padding: 0 10px; text-align: left; margin: 0 auto; } .content-container{ width:400px; } .l-page-width.no-padding { padding: 0; width: 400px; } .l-float-left { float: none; } .l-float-right { float: none; } .l-grid-2 { width: 100%; } .l-grid-3 { width: 100%; } .l-grid-3a { width: 100%; } .l-grid-4 { margin-bottom: 1.5em; width: 100%; } .l-grid-5 { width: 100%; } .l-grid-7 { width: 100%; } .l-grid-9 { width: 100%; } .entry-container .l-grid-3 { margin-bottom: 1.5em; } .last { margin-right:0 !important; } /* ############################################################## LAYOUT -> End ############################################################## */ /* ############################################################## MULTI COLUMNS -> End ############################################################## */ .full_width, .one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .two_thirds, .two_thirds_last, .three_fourth, .three_fourth_last, .four_fifth, .four_fifth_last {padding-bottom: 1.5em;} #kids_middle_container .full_width { width: 100%; } #kids_middle_container .one_half { float: none; width: 100%; } #kids_middle_container .one_half_last { float: none; width: 100%; margin: 0; } #kids_middle_container .one_third { float: none; width: 100%; } #kids_middle_container .one_third_last { float: none; width: 100%; margin: 0; } #kids_middle_container .one_fourth { float: none; width: 100%; } #kids_middle_container .one_fourth_last { float: none; width: 100%; margin: 0; } #kids_middle_container .one_fifth { float: none; width: 100%; } #kids_middle_container .one_fifth_last { float: none; width: 100%; margin: 0; } #kids_middle_container .two_thirds { float: none; width: 100%; } #kids_middle_container .three_fourth { float: none; width: 100%; margin: 0; } #kids_middle_container .four_fifth { float: none; width: 100%; margin: 0; } .kids_slider_inner_wrapper .nivoSlider{ width:auto !important; height:339px; } #kids_logo_block{ position:relative; float:none; width:100%; text-align:center; } #kids_header #kids_logo_block{ margin:0 0 5px 0; } #kids_main_nav{ margin-left:55px; } .bg-level-2-left,.bg-level-2-right,.bg-level-1-left{ display:none; } #kids-slider img{ width:378px; height:auto; } .nivo-directionNav .nivo-nextNav{ right:23%; } .nivo-directionNav .nivo-prevNav{ left:23%; } .kids_top_content .kids_posts_container{ margin:0 20px; } .kids_top_content .kids_post_block.l-grid-4{ width:100%; padding-left:0; background:none; } .kids_post_content p{ padding-bottom:10px; } .recent_projects ul li{ margin-right:5px; width:196px; } .recent_projects ul li img{ width:187px; height:auto; } .kids_bottom_container .one_fourth,.kids_bottom_container .one_fourth_last{ width:100%; margin-right:0; float:none; } .entry-container, .gl_col_2, .gl_col_3, .gl_col_4{ background-size:407px 173px; padding:30px 20px; } #sbr #post-content{ width:359px; } .border-shadow figure{ overflow:hidden; } #sbr .gallery-item{ margin:0; } .entry-container .gallery-item, .gl_col_3 .gallery-item{ float:none; margin:0; } .prettyPhoto{ overflow:hidden; } #sbr #sidebar, #dsb #sidebar-right{ float:none; width:380px; } .border-shadow img,.t-blue .kids_picture .kids_curtain{ width:100%; box-sizing:border-box; } .gallery-item-half{ width:100%; } .gallery-item-third{ width:100; } .gallery-item-fourth{ width:100; } .border-shadow figure object{ width:100%; box-sizing:border-box; } .pricing-table .column{ float:none; width:100%; margin-bottom:10px; } .pricing-table .column:first-child li.header_row,.pricing-table .column:first-child li.footer_row,.pricing-table .column:last-child li.header_row,.pricing-table .column li.footer_border{ border-radius:0; } .pricing-table .column:first-child ul li,.pricing-table .column:first-child+div+div+div.column ul li{ border-left:none !important; border-right:none !important; } .pricing-table .column:first-child li.footer_row{ border-left:none; } #dsb #post-content,#sbl #sidebar, #dsb #sidebar-left{ width:100%; float:none; margin:0; } .capcha-frame{ width:0; } #verify{ float:none; } .pagenavi{ margin-bottom:30px; } .type-2.widget{ background-position:50% 0; } #sbl #post-content{ width:100%; float:none; } #sbr #content{ width:100%; } .map{ float:none; margin-bottom:10px; } #sbr #content{ float:none; } .e404{ padding-left:0; text-align:center; } .holder404 .e404 h1{ float:none; } .holder404 .title_error{ padding-top:0; } #sbr .gallery{ width:100%; float:none; } #sbr.gl_col_1 .gallery-item{ width:360px !important; } #sbr #gallery > li div.border-shadow{ float:none; } .gl_col_2 .gallery-item,.entry-container .gallery-item, .gl_col_3 .gallery-item{ width:337px; } #sbr #gallery > li{ width:340px; margin:0 10px; } .kids_bottom_content_container .header_container{ padding-bottom:55px; } #filter{ right:125px; } #sbr #post-content{ width:100%; float:none; } .post-item{ width:84%; } .entry-container #comments ol > .comment{ width:358px; } .entry-container .comment-text{ width:264px; } .entry-container .children .comment-text{ width:163px; } .entry-container .comment-form .textarea{ width:240px; min-width:240px; } .entry-container #respond{ margin-bottom:10px; } #sbr.content-container #post-content,#sbr.content-container #sidebar{ width:100%; float:none; } .content-container .item-post{ background-size:400px 300px; } .content-container .widget{ background-size:405px 300px; } .content-container .metadata .post-date,.content-container .metadata .metaholder{ background:none; left:0; } .content-container .post-entry{ margin-top:100px; } .content-container .comment-form .row.align-btn-right{ width:159px; } .content-container .comment-form .textarea{ width:159px; min-width:159px; } .content-container #respond{ margin:0; } .comment-form>form>fieldset+div{ float:none; } .contactForm { margin-top:1.7em; } .contactForm fieldset{ padding:15px; } .contactForm .row input[type="text"]{ width:250px; } .contactForm .row textarea{ width:250px !important; } .button{ float:left; margin-top:10px; } .footer_row a.button{ float:none !important; } #map_canvas{ width:350px; } #kids_main_nav{ margin-left:0; } #kids_main_nav > ul > li{ float:none; } #kids_main_nav,#kids_header #kids_logo_block{ float:none; } .flexnav>li>ul,#kids_main_nav ul ul ul{ position:relative !important; } #kids_main_nav ul ul ul{ box-shadow:none; left:0px !important; } #kids_main_nav ul ul ul,#kids_main_nav ul ul ul li:first-child > a,#kids_main_nav ul ul ul li:last-child > a{ border-radius:0; } #kids_main_nav ul ul{ width:99%; } .touch-button{ width:100% !important; height:100% !important; } #flickr-badge li.last{ margin:8px 8px 0 0 !important; } .minigallery{ width:290px !important; left:0px !important; } #sbr #post-content.blog .pagenavi{ margin-left:0; } .contactForm .row button.button{ margin-top:15px !important; } .kids_slider_inner_wrapper>object{ width:377px; height:235px; } .kids_slider_inner_wrapper>img{ width:377px; } .gallery-item-third{ width:auto; margin-right:0; } .pagenavi.gl{ background-size:416px 20px; } .entry-container #respond{ padding-bottom:50px; } .contactForm .row input[type="text"],.contactForm .row textarea{ width:250px !important; } .entry-container .comment-form{ padding-left:0; } .entry-container .comment-form input,.entry-container .comment-form textarea{ width:93% !important; } .camera_pagination{ left:37%; bottom:0px; } #contact_form_responce{ margin-top:60px; }.l-float-right-send{ float:left !important; } .fullwidth-portfolio-shadow{ background-position:-40px 0 !important; } .button-centering{ float:none; margin-left:auto !important; margin-right:auto !important; } .entry-container, .gl_col_2, .gl_col_3, .gl_col_4{ background-size:396px 400px; background-position:0 0; } } @media only screen and (max-width: 479px) { body{ min-width:inherit; } .l-page-width { width: 300px; padding: 0 10px; text-align: left; margin: 0 auto; } .l-page-width.no-padding { padding: 0; width: 300px; } .content-container{ width:300px; } .l-float-left { float: none; } .l-float-right { float: none; } .l-grid-2 { width: 100%; } .l-grid-3 { width: 100%; } .l-grid-3a { width: 100%; } .l-grid-4 { margin-bottom: 1.5em; width: 100%; } .l-grid-5 { width: 100%; } .l-grid-7 { width: 100%; } .l-grid-9 { width: 100%; } .entry-container .l-grid-3 { margin-bottom: 1.5em; } .last { margin-right:0 !important; } /* ############################################################## LAYOUT -> End ############################################################## */ /* ############################################################## MULTI COLUMNS -> End ############################################################## */ .full_width, .one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .two_thirds, .two_thirds_last, .three_fourth, .three_fourth_last, .four_fifth, .four_fifth_last {padding-bottom: 1.5em;} .permissions { border: 1px solid #ccc; background: #fff; max-width: 400px; padding: 10px; } .permissions h3 { font-weight: bold; } .permissions .list { padding-bottom: 15px; } .permissions div:last-child .list { padding-bottom: 0; } .permissions .list label { float: none !important; display: inline-block; width: auto !important; font-weight: normal !important; margin-right: 10px; } .submenu-container { margin-left: 20px; border-left: 4px solid #ddd; padding-left: 20px; margin-bottom: 20px; } #kids_middle_container .full_width { width: 100%; } #kids_middle_container .one_half { float: none; width: 100%; } #kids_middle_container .one_half_last { float: none; width: 100%; margin: 0; } #kids_middle_container .one_third { float: left; width: 100%; } #kids_middle_container .one_third_last { float: none; width: 100%; margin: 0; } #kids_middle_container .one_fourth { float: none; width: 100%; } #kids_middle_container .one_fourth_last { float: none; width: 100%; margin: 0; } #kids_middle_container .one_fifth { float: none; width: 100%; } #kids_middle_container .one_fifth_last { float: none; width: 100%; margin: 0; } #kids_middle_container .two_thirds { float: none; width: 100%; } #kids_middle_container .three_fourth { float: none; width: 100%; margin: 0; } #kids_middle_container .four_fifth { float: none; width: 100%; margin: 0; } .kids_slider_inner_wrapper .nivoSlider{ width:auto !important; height:236px; } #kids_logo_block{ position:relative; float:none; width:100%; text-align:center; } #kids_header #kids_logo_block{ margin:0 0 5px 0; } #kids_main_nav{ margin-left:55px; } .bg-level-2-left,.bg-level-2-right,.bg-level-1-left{ display:none; } #kids-slider img{ width:278px; display:block; height:auto; } .nivo-directionNav .nivo-nextNav{ right:15%; } .nivo-directionNav .nivo-prevNav{ left:15%; } .kids_top_content .kids_posts_container{ margin:0 20px; } .kids_top_content .kids_post_block.l-grid-4{ width:100%; padding-left:0; background:none; } .kids_post_content p{ padding-bottom:10px; } .recent_projects ul li{ margin-right:38px; margin-left:39px; width:223px; } .recent_projects ul li img{ height:auto; } .kids_bottom_container .one_fourth,.kids_bottom_container .one_fourth_last{ width:100%; margin-right:0; float:none; } .entry-container, .gl_col_2, .gl_col_3, .gl_col_4{ background-size:298px 173px; padding:30px 20px; } #sbr #post-content{ width:265px; } .border-shadow figure{ overflow:hidden; } #sbr .gallery-item{ margin:0; } .entry-container .gallery-item, .gl_col_3 .gallery-item{ width:258px; float:none; margin:0; } .prettyPhoto{ overflow:hidden; } #sbr #sidebar, #dsb #sidebar-right{ float:none; } .border-shadow img,.t-blue .kids_picture .kids_curtain{ width:100%; box-sizing:border-box; } .gallery-item-half{ width:100%; } .gallery-item-third{ width:100; } .gallery-item-fourth{ width:100; } #kids_middle_container ul.tabs li a{ padding:0 5px; } .accordion{ margin-bottom:20px; } .border-shadow figure object{ width:100%; box-sizing:border-box; } .pricing-table .column{ float:none; width:100%; margin-bottom:10px; } .pricing-table .column:first-child li.header_row,.pricing-table .column:first-child li.footer_row,.pricing-table .column:last-child li.header_row,.pricing-table .column li.footer_border{ border-radius:0; } .pricing-table .column:first-child ul li,.pricing-table .column:first-child+div+div+div.column ul li{ border-left:none !important; border-right:none !important; } .pricing-table .column:first-child li.footer_row{ border-left:none; } #dsb #post-content,#sbl #sidebar, #dsb #sidebar-left{ width:100%; float:none; margin:0; } .capcha-frame{ width:0; } #verify{ float:none; } .pagenavi{ margin-bottom:30px; } .type-2.widget{ background-position:50% 0; } #sbl #post-content{ width:100%; float:none; } #sbr #content{ width:100%; } .map{ float:none; margin-bottom:10px; } #sbr #content{ float:none; } .pagenavi{ width:94%; } .e404{ padding-left:0; text-align:center; } .holder404 .e404 h1{ float:none; font-size:13em; } .holder404 .title_error{ padding-top:0; } #sbr .gallery{ width:100%; float:none; } #sbr.gl_col_1 .gallery-item{ width:260px !important; } #sbr #gallery > li div.border-shadow{ float:none; } .header_container{ padding-bottom:50px !important; } #filter{ right:36px; } .gl_col_2 .gallery-item,.entry-container .gallery-item, .gl_col_3 .gallery-item{ width:230px; } #sbr #gallery > li{ width:240px; margin:0 10px; } #sbr #post-content{ width:100%; float:none; } .post-item{ width:77%; } .entry-container #comments ol > .comment{ width:258px; } .entry-container .comment-text{ width:164px; } .entry-container .children .comment-text{ width:63px; } .entry-container .comment-form .textarea{ width:140px; min-width:140px; } .entry-container #respond{ margin-bottom:10px; } .entry-container .comment-form{ padding-left:0; } .entry-container .comment-form .inputtext, .entry-container .comment-form .textarea{ width:140px; } #sbr.content-container #post-content,#sbr.content-container #sidebar{ width:100%; float:none; } .content-container .item-post{ background-size:300px 300px; } .content-container .widget{ background-size:305px 300px; } .content-container .metadata .post-date,.content-container .metadata .metaholder{ background:none; left:0; } .content-container .post-entry{ margin-top:100px; } .content-container .comment-form .row.align-btn-right{ width:159px; } .content-container .comment-form .textarea{ width:159px; min-width:159px; } .content-container #respond{ margin:0; } .comment-form>form>fieldset+div{ float:none; } .contactForm fieldset{ padding:15px; } .contactForm .row input[type="text"]{ width:150px; } .contactForm .row textarea{ width:150px !important; } .button{ float:left; margin-top:10px; } #map_canvas{ width:250px; } #kids_main_nav{ margin-left:0; } #kids_main_nav{ margin-left:0; } #kids_main_nav > ul > li{ float:none; } #kids_main_nav,#kids_header #kids_logo_block{ float:none; } .flexnav>li>ul,#kids_main_nav ul ul ul{ position:relative !important; } #kids_main_nav ul ul ul{ box-shadow:none; left:0px !important; } #kids_main_nav ul ul ul,#kids_main_nav ul ul ul li:first-child > a,#kids_main_nav ul ul ul li:last-child > a{ border-radius:0; } #kids_main_nav ul ul{ width:99%; } .touch-button{ width:100% !important; height:100% !important; } #flickr-badge li.last{ margin:8px 8px 0 0 !important; } .minigallery{ width:190px !important; left:0px !important; } .footer_row a.button{ float:none !important; } #sbr #post-content.blog .pagenavi{ margin-left:0; } .contactForm .row button.button{ margin-top:15px !important; } #sbr #sidebar, #dsb #sidebar-right{ width:100%; } #dsb .pagenavi{ width:auto; margin-left:0; margin-right:0; } .kids_slider_inner_wrapper>object{ width:277px; height:181px; } .kids_slider_inner_wrapper>img{ width:277px; } .gallery-item-third{ width:240px; margin-right:0; } .pagenavi.gl{ background-size:300px 20px; } .entry-container #respond{ padding-bottom:50px; } #gallery{ margin-left:15px; } .post-meta .post-date{ width:69px; } .contactForm .row input[type="text"],.contactForm .row textarea{ width:203px !important; } #gallery{ margin-left:0; } .entry-container .comment-form{ padding-left:0; } .entry-container .comment-form input,.entry-container .comment-form textarea{ width:90% !important; } .camera_pagination{ left:32%; bottom:0px; } #contact_form_responce{ margin-top:60px; } .l-float-right-send{ float:left !important; } .fullwidth-portfolio-shadow{ background-position:-40px 0 !important; } .button-centering{ float:none; margin-left:auto !important; margin-right:auto !important; } .widget_video.type-1 .kids_video_wrapper, .widget_video.type-2 .kids_video_wrapper{ margin-left:29px; } .entry-container, .gl_col_2, .gl_col_3, .gl_col_4{ background-size:296px 400px; background-position:0 0; } }