/* --------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------- RESETS --------------------------------------------------------------------------------------------- */ *{ margin:0; padding:0; outline:0; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } img{ margin:0; padding:0; border:0; white-space:normal; display:block; } strong{ font-weight:bold; } p{ margin-bottom:20px;} hr{ border-left:none; border-top:none; border-right:none; border-bottom:1px dotted #ddd; height: 1px; margin:5px auto 20px auto; display:block; width:100%; } small{ font-size: 10px; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } .alignleft img{ float: left; } .alignright img{ float: right; } .aligncenter img{ margin-left: auto; margin-right: auto; display: block; clear: both; } img.alignleft{ float: left; } img.alignright{ float: right; } img.aligncenter{ margin-left: auto; margin-right: auto; display: block; clear: both; } /* --------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------- HACKS --------------------------------------------------------------------------------------------- */ iframe{display:block;} input, textarea { font: 12px/21px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; } .hidden { display: none; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } img.alignleft { float: left; margin-right:10px; } img.alignright { float: right; margin-left:10px; } img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } .left{text-align:left;} .center{text-align:center;} .right{text-align:right;} .wp-caption{} .wp-caption-text{} .gallery-caption{} .alignright{ text-align:right;} .alignleft{ text-align:left;} .aligncenter{ text-align:center;} .alignRight{ text-align:right;} .alignLeft{ text-align:left;} .alignCenter{ text-align:center;} .right{ text-align:right;} .left{ text-align:left;} .center{ text-align:center;} .sticky{} .bypostauthor{} .wp-smiley{ display:inline;} a, a:hover, a:visited, a:active{text-decoration:none;} a{ /* CSS TRANSITION */ -webkit-transition-property: color; -webkit-transition-duration: 0.25s; -webkit-transition-timing-function: linear; /* CSS TRANSITION - Mozilla hack */ -moz-transition-property: color; -moz-transition-duration: 0.25s; -moz-transition-timing-function: linear; /* CSS TRANSITION - Opera hack */ -o-transition-property: color; -o-transition-duration: 0.25s; -o-transition-timing-function: linear; } .clear{ clear:both; height:0px; } .inv{ display:none; } a img { border: none; } /* --------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------- BODY --------------------------------------------------------------------------------------------- */ body{ background:#fff; color:#000; font: 12px/21px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; margin:0; } body.hevetica_text{ font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif !important; } body.lucida_text{ font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif !important; } body.georgia_text{ font-family:Georgia, "Times New Roman", Times, serif !important; } body.times_text{ font-family:"Times New Roman", Times, Georgia, serif !important; } body.arial_text{ font-family:Arial, Helvetica, sans-serif !important; } body.geneva_text{ font-family:Geneva, Tahoma, sans-serif !important; } body.tahoma_text{ font-family:Tahoma, Geneva, sans-serif !important; } body.dot_black, .sliderbg-dot_black #slider_section{ background:#000 url(../images/backgrounds/dots.jpg) fixed repeat center top; } body.bg-leather, .sliderbg-leather #slider_section{ background:#000 url(../images/backgrounds/leather.jpg) fixed repeat center top; } body.bg-wood, .sliderbg-wood #slider_section{ background:#000 url(../images/backgrounds/wood.jpg) fixed repeat center top; } body.bg-woodlight, .sliderbg-woodlight #slider_section{ background:#000 url(../images/backgrounds/woodlight.jpg) repeat center top; } body.bg-space, .sliderbg-space #slider_section{ background:#000 url(../images/backgrounds/space.jpg) fixed repeat center top; } body.bg-dk_stripes, .sliderbg-dk_stripes #slider_section{ background:#000 url(../images/backgrounds/dk_stripes.jpg) repeat center top; } #slider_section{ background-attachment:scroll !important; } /* --------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------ HEADINGS --------------------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:normal; margin:0; padding:0; } h1{ font-size:48px;} h2{ font-size:36px;} h3{ font-size:24px; margin-bottom:20px;} h4{ font-size:18px; margin-bottom:10px;} h5{ font-size:15px; margin-bottom:8px;} h6{ font-size:13px; margin-bottom:3px;} /* --------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------ TOP BAR --------------------------------------------------------------------------------------------- */ #top_bar{ background:#1c1c1c url(../images/top_bar.png) repeat-x; } #top_bar .content{ margin:0 auto; width:960px; height:40px; z-index:1003; position:relative; } /* ----------------------- top_navigation */ #top_navigation{ float:left; margin-left:10px; } #top_navigation li{ display:inline; line-height:40px; text-transform:uppercase; font-size:11px; margin-right:10px; } #top_navigation li a{ color:#f4f4f4; } #top_navigation li a:hover{ color:#999; } /* ----------------------- login_subscriibe */ #login_subscribe{ float:right; padding:7px 0 0 0; } #login_subscribe .color_button{ color:#fff; display:block; float:left; font-weight:bold; padding:0px 7px; border:1px solid #fff; border:1px solid rgba(255, 255, 255, 0.1); outline:1px solid #101010; text-transform:uppercase; /* CSS3 ROUND CORNER */ -webkit-border-radius: 3px 0px 0px 3px; -khtml-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; text-shadow:#555 0px 1px 1px ; /* CSS TRANSITION */ -webkit-transition-property: color, background; -webkit-transition-duration: 0.25s, 0.25s; -webkit-transition-timing-function: linear, linear; /* CSS TRANSITION - Mozilla hack */ -moz-transition-property: color, background; -moz-transition-duration: 0.25s, 0.25s; -moz-transition-timing-function: linear, linear; /* CSS TRANSITION - Opera hack */ -o-transition-property: color, background; -o-transition-duration: 0.25s, 0.25s; -o-transition-timing-function: linear, linear; } #login_subscribe .color_button:hover{ background:#999 url(../images/gradient-30.png) repeat-x left bottom; color:#1c1c1c; } #login_subscribe .grey_button{ background:#e8e8e8 url(../images/gradient-30.png) repeat-x left bottom; color:#1c1c1c; display:block; float:left; font-weight:bold; padding:0px 7px; border:1px solid #fff; border:1px solid rgba(255, 255, 255, 0.1); outline:1px solid #101010; text-transform:uppercase; /* CSS3 ROUND CORNER */ -webkit-border-radius: 0px 3px 3px 0px; -khtml-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; text-shadow:#999 0px 1px 1px ; /* CSS TRANSITION */ -webkit-transition-property: color, background; -webkit-transition-duration: 0.25s, 0.25s; -webkit-transition-timing-function: linear, linear; /* CSS TRANSITION - Mozilla hack */ -moz-transition-property: color, background; -moz-transition-duration: 0.25s, 0.25s; -moz-transition-timing-function: linear, linear; /* CSS TRANSITION - Opera hack */ -o-transition-property: color, background; -o-transition-duration: 0.25s, 0.25s; -o-transition-timing-function: linear, linear; } #login_subscribe .grey_button:hover{ background:#999 url(../images/gradient-30.png) repeat-x left bottom; color:#1c1c1c; } /* --------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------ HEADER --------------------------------------------------------------------------------------------- */ #header_wrap{ position:relative; } #header{ background:url(../images/header_bg.png) repeat left bottom; width:100%; position:absolute; top:0; left:0; z-index:1002; } #header .content{ margin:0 auto; width:960px; } /* ----------------------- logo */ #logo{ display:block; float:left; width:490px; } /* ----------------------- banner_ads */ .banner_ads{ display:block; float:left; padding:15px 0 0 0; width:468px; } /* ----------------------- navigation */ #navigation{ display:block; float:left; width:920px; height:40px; } #navigation li{ display:inline-block; float:left; height:40px; line-height:37px; background:url(../images/sep_vertical.png) repeat-y right top; padding:0 2px 0 0; position:relative; } #navigation li a:hover{ color:#999; } #navigation ul{ margin:0; padding:0; } #navigation li a{ display:block; color:#fff; padding:0 10px; border-bottom:3px solid transparent; text-transform:uppercase; font-weight:bold; /* CSS TRANSITION */ -webkit-transition-property: color, border; -webkit-transition-duration: 0.2s, 0.2s; -webkit-transition-timing-function: linear, linear; /* CSS TRANSITION - Mozilla hack */ -moz-transition-property: color, border; -moz-transition-duration: 0.2s, 0.2s; -moz-transition-timing-function: linear, linear; /* CSS TRANSITION - Opera hack */ -o-transition-property: color, border; -o-transition-duration: 0.2s, 0.2s; -o-transition-timing-function: linear, linear; } #navigation ul ul{ display:none; position:absolute; top:40px; left:0; z-index:9000; width:160px; background:url(../images/pixel-70.png) repeat; } #navigation ul ul li{ background:none; width:160px; height:auto; line-height:22px; text-transform:lowercase; text-transform:capitalize; } #navigation ul ul a{ padding:4px 10px; font-weight:normal; font-size:11px; text-transform:lowercase; text-transform:capitalize; border-top:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(0, 0, 0, 0.2); } #navigation ul ul a:hover{ background:url(../images/pixel-30.png) repeat; border-top:1px solid rgba(0, 0, 0, 0.2); } #navigation ul ul ul{ position:absolute; top:0px; left:160px; z-index:9000; width:160px; background:url(../images/pixel-70.png) repeat; } /* ----------------------- search_opener */ .search_opener{ display:block; float:right; width:30px; padding:0; margin-right:5px; position:relative; } .search_opener #magnify_open{ background:url(../images/magnify.png) no-repeat center 4px; display:block; padding:3px 5px 5px 5px; width:24px; height:24px; position:absolute; top:4px; left:0; z-index:30; /* CSS3 ROUND CORNER */ -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .search_opener #magnify_close{ background:#e9e9e9 url(../images/magnify.png) no-repeat center -32px; display:block; padding:3px 5px 5px 5px; width:24px; height:24px; /* CSS3 ROUND CORNER */ -webkit-border-radius: 0px 3px 3px 0px; -khtml-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; } .search_opener .search_tab{ display:none; position:absolute; top:4px; left:0; z-index:35; } .search_opener .search_tab form{ background:#e9e9e9; padding:2px; position:absolute; top:0px; right:32px; z-index:35; /* CSS3 ROUND CORNER */ -webkit-border-radius: 3px 0px 0px 3px; -khtml-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; /* CSS3 SHADOW */ -webkit-box-shadow: -2px 6px 6px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 6px 6px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: -2px 6px 6px 0px rgba(0, 0, 0, 0.3); box-shadow: -2px 6px 6px 0px rgba(0, 0, 0, 0.3); } .search_opener .search_tab form input{ background:#d5d5d5; border:none; color:#484848; padding:0px 7px; font-size:14px; -webkit-box-shadow: inset 0px 1px 2px #b4b4b4; -moz-box-shadow: inset 0px 1px 2px #b4b4b4; -o-box-shadow: inset 0px 1px 2px #b4b4b4; box-shadow: inset 0px 1px 2px #b4b4b4; text-shadow:#999 0px 1px 1px; width: 210px; height:28px; } /* --------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------ slider_section --------------------------------------------------------------------------------------------- */ .no_slider_home_spacer{ display:block; height:130px; } #slider_section{ min-height:500px; } /* ----------------------- fullslider */ .fullslider{ position:relative; width:100%; height:600px; overflow:hidden; } .fullslider_content{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:600px; } /* ----------------------- content960 */ .content960{ padding:160px 0 0 0; margin:0 auto; width:920px; height:440px; } /* ---------------------{ ACCORDION SLIDER } */ ul#accordion-slider{ margin: 0 auto; padding:160px 0 0 0; list-style: none; position: relative; width:960px; } ul#accordion-slider li{ background:#000; border:1px solid #000; display: block; overflow: hidden; padding: 0; float: left; width: 25%; height: 400px; position: relative; } ul#accordion-slider li .caption{ display: block; width:600px; } ul#accordion-slider li .caption h4{ padding:0; margin:0 0 5px 0; color:#FFF !important; font-size:16px; display: block; } ul#accordion-slider li .caption .description{ background:#000; padding:10px; opacity:0.8; color:#FFF !important; position: absolute; display: block; bottom: -500px; left: 0; width:600px; } ul#accordion-slider li h5{ color:#FFF !important; } ul#accordion-slider li .caption .description a{ color:#FFF !important; } /* --------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------ audio_player_page --------------------------------------------------------------------------------------------- */ #audio_player_page{ background:#1c1c1c url(../images/gradient_35.png) repeat-x left top; } #audio_player_page .content{ margin:0 auto; width:960px; height:34px; } #audio_player_page .content h6{ float:left; background:url(../images/audio_player_page_h5.png); font-weight:bold; width:280px; height:30px; line-height:35px; padding:0 0 0 30px; margin:0 0 0 10px; text:#fff; text-shadow:#248700 0px 1px 1px; } /* --------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------ featured_slider --------------------------------------------------------------------------------------------- */ #featured_slider{ background:#1c1c1c url(../images/carousel_bg.png) repeat-x left bottom; } #featured_slider .content{ margin:0 auto; width:960px; } /* ---------------------{ Carousel } */ #slider_gallery-wrap{ margin: 0 auto; overflow: hidden; width: 780px; height:152px; position: relative;} #slider_gallery{position: relative; left: 0; top: 15px; margin:0 !important; padding:0;} #slider_gallery li{ float: left; width:240px; margin:0 10px; position: relative; } #slider_gallery span.inset{ position: absolute; top:0; left:0; z-index:2; width:100%; height:100%; display:block; -webkit-box-shadow: inset 0px 0px 8px #000; -moz-box-shadow: inset 0px 0px 8px #000; -o-box-shadow: inset 0px 0px 8px #000; box-shadow: inset 0px 0px 8px #000; } #slider_gallery span.glass{ background:url(../images/glass.png) no-repeat right top; position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; display:block; } #slider_gallery span.title{ background:#000; background:rgba(0, 0, 0, 0.7); color:#f4f4f4; text-align:center; position: absolute; top:0; left:0; z-index:3; width:100%; height:70px; padding-top:50px; display:block; opacity: 0; /* CSS TRANSITION */ -webkit-transition-property: opacity; -webkit-transition-duration: 0.25s; -webkit-transition-timing-function: linear; /* CSS TRANSITION - Mozilla hack */ -moz-transition-property: opacity; -moz-transition-duration: 0.25s; -moz-transition-timing-function: linear; /* CSS TRANSITION - Opera hack */ -o-transition-property: opacity; -o-transition-duration: 0.25s; -o-transition-timing-function: linear; } #slider_gallery li:hover .title{opacity:1;} #slider_gallery-controls{ width: 960px; position:relative;} #slider_gallery-prev{ float: left; width:40px; height:60px; margin-left:0px; text-indent:-9999px; background:url(../images/feat_arrow_left.png) no-repeat; position:absolute; top:40px; left:20px; z-index:300; } #slider_gallery-next{ float: right; width:40px; height:60px; margin-left:16px; text-indent:-9999px; background:url(../images/feat_arrow_right.png) no-repeat; position:absolute; top:40px; right:20px; z-index:300; } /* --------------------------------------------------------------------------------------------- --------------------------------------------------------------------------- page_illustration --------------------------------------------------------------------------------------------- */ #page_illustration{ } #page_illustration .content{ margin:0 auto; padding:140px 0 20px 10px; width:950px; } #page_illustration h2{ color:#FFF; text-shadow:#000 0px 1px 2px; } #page_illustration p{ color:#FFF; margin-bottom:0; text-shadow:#000 0px 1px 2px; } /* --------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------- MAIN --------------------------------------------------------------------------------------------- */ #main{} #main .content{ margin:0 auto; padding:20px 0 30px 0; width:960px; } #main.innerpage{ padding-top:140px;} #main .page_wrap{ background:url(../images/innerpage_bg.png) repeat-y left top; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); } #main .fullpage_wrap{ background:rgba(255,255,255,0.5);; color:#323232; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); } #main .title_page{ background:#202020 url(../images/title_post_bg.png) no-repeat right top; color:#fff; font-weight:bold !important; } #main .title_page p{ margin:0; color:#707070; } #main .page_wrap, #main .fullpage_wrap a{ color:#202020; } #main .grey_button{ background:#e8e8e8 url(../images/gradient-30.png) repeat-x left bottom; color:#1c1c1c; display:block; float:left; font-weight:bold; padding:2px 7px; border:1px solid #fff; border:1px solid rgba(255, 255, 255, 0.1); outline:1px solid #101010; text-transform:uppercase; /* CSS3 ROUND CORNER */ -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; text-shadow:#999 0px 1px 1px ; /* CSS TRANSITION */ -webkit-transition-property: color, background; -webkit-transition-duration: 0.25s, 0.25s; -webkit-transition-timing-function: linear, linear; /* CSS TRANSITION - Mozilla hack */ -moz-transition-property: color, background; -moz-transition-duration: 0.25s, 0.25s; -moz-transition-timing-function: linear, linear; /* CSS TRANSITION - Opera hack */ -o-transition-property: color, background; -o-transition-duration: 0.25s, 0.25s; -o-transition-timing-function: linear, linear; } #main .grey_button:hover{ background:#999 url(../images/gradient-30.png) repeat-x left bottom; color:#1c1c1c; } /* --------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------- BLOG --------------------------------------------------------------------------------------------- */ .blog_post{ margin-bottom:20px; } .blog_post .post_preview{ } /* blog date and title*/ .blog_post .post_title_date_icon{ color:#fff; } .blog_post .post_title_date_icon .icon_type{ background:#202020; display:block; float:left; width:38px; height:40px; } .blog_post .post_title_date_icon .icon_type *{ display:block; width:38px; height:40px; } .blog_post .post_title_date_icon .icon_type .post_images{ background:url(../images/icons/dcb_post_icon_images.png); } .blog_post .post_title_date_icon .icon_type .post_audio{ background:url(../images/icons/dcb_post_icon_music.png); } .blog_post .post_title_date_icon .icon_type .post_slider{ background:url(../images/icons/dcb_post_icon_slider.png); } .blog_post .post_title_date_icon .date_post{ background:#000000; display:block; float:left; font-size:18px; font-weight:bold; line-height:40px; text-align:center; text-shadow:#000 0px 1px 1px; margin:0 1px; width:138px; height:40px; } .blog_post .post_title_date_icon h3{ background:#000000 url(../images/title_post_bg.png) no-repeat right top; display:block; float:left; font-size:24px; font-weight:bold !important; line-height:40px; padding:0 0 0 10px; margin-bottom:0; text-shadow:#000 0px 1px 1px; width:512px; } .blog_post .post_title_date_icon h3 a{ color:#FFF;} .blog_post .post_infos{ color:#000000; display:block; float:left; font-weight:bold; padding:15px 0 0 15px; width:160px; } .blog_post .post_infos.in_single_post{ border-bottom:4px solid #e9e9e9; padding:15px; margin-right:0px; margin-bottom:15px; width:670px; } .blog_post .post_infos strong, .blog_post .post_infos a{ color:#707070; } .blog_post .post_excerpt{ display:block; float:left; padding:15px 0 0 15px; width:495px; } .blog_post .post_excerpt p{ margin-bottom:10px; } .read_more_link{ background:url(../images/read_more_1.png) no-repeat left 50%; padding:4px 0 4px 20px; } .read_more_link:hover{ background:url(../images/read_more_2.png) no-repeat left 50%; } .blog_post .stripes_separator{ background:url(../images/stripes_separator.png) repeat; margin-left:190px; width:510px; height:15px; } .post_content{ padding:15px 20px; } /* ---------------------{ nivo_preview_slider } */ .nivo_preview_slider{ width:700px !important; height:300px !important; overflow:hidden; } nivo_preview_slider .nivo-directionNav a { position:absolute; top:50%; z-index:9; margin-top:-20px; cursor:pointer; width:40px !important; height:40px !important; text-indent:-9999px; } .nivo_preview_slider .nivo-prevNav { background:url(../images/nv_prw_slider_arrw_l.png); left:10px; } .nivo_preview_slider .nivo-nextNav { background:url(../images/nv_prw_slider_arrw_r.png); right:10px; } .nivo_preview_slider .nivo-controlNav { position: absolute; left: 50%; bottom: 10px; margin-left: -140px; z-index:4000; width:280px; text-align:center; } /* -------------------------- { share_bar } */ .share_bar{ padding:0 0 10px; margin:10px 0 15px 0px; border-bottom:1px solid rgba(255, 255, 255, 0.3); } .share_bar span{ text-align:center; display:block; float:left; margin:0 5px 5px 7px; } /* -------------------------- { Tags } */ .entry-tags{ padding:0 0 10px 20px; margin:10px 0 20px 0px; } .entry-tags a{ padding:4px 6px; background:#f9f9f9; border:1px solid #e9e9e9; } .entry-tags a:hover{ color:#FFF !important; } /* -------------------------- { related posts } */ .related_post { margin: 15px 0 0 20px; width: 320px; float: left; padding-bottom:10px; } .thumbnail_related_post { float: left; margin-right: 15px; margin-bottom:10px; } .thumbnail_related_post img { width: 40px; height: 40px; } .related_post h6 { font-size: 13px; margin-bottom: 0px !important; padding: 0; } .related_post em { font-size: 11px; } .related_post p { margin-bottom:0px; } /* -------------------------- { back_arrow } */ .back_arrow{ padding:5px 0 5px 40px; background:url(../images/back_arrow.png) no-repeat left 50%; } .next_arrow{ padding:5px 40px 5px 0; background:url(../images/next_arrow.png) no-repeat right 50%; } /* --------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------ COMMENTS --------------------------------------------------------------------------------------------- */ /* -------------------------- { Structure } */ #the_comments{} #comment-form{ margin:20px;} #comments li{background-image:none;} #comment-caption, #respond-caption { } #commentsbox { margin:0; } /* -------------------------- { List Style } */ .commentlist { margin:20px; list-style-type: none; } li.comment{ padding-left:0 !important; margin-bottom:20px; } .children { list-style-type: none; margin: 0 0 0 30px; } .children li.comment{ padding-left:0 !important; } .comment-body { border-bottom: 1px dotted #DDD; padding: 10px; position:relative; } .children .comment-body { border-left: 1px dotted #DDD; } .comment-body p{ padding:0 0 0 45px; margin:0; } .thread-odd{ background:#f9f9f9;} .pinglist { margin: 20px 0 0 0; list-style-type: decimal; } #commentform input { margin-right: 20px; width: 45%; } .comment-author{} .contactform button, .submitter, #commentform #submit-button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 120px; padding: 0 10px 0; margin-right:30px; line-height: 12px; height: 28px; font-size: 12px; font-weight: bold; cursor: pointer; background:#f2f2f2; border-bottom:1px solid #ccc; text-align:center; } .contactform button, #commentform #submit-button { background: url(images/submit_button.png); color: #555555; } .submitter{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 120px !important; padding: 0 10px 0 !important; line-height: 12px !important; height: 28px !important; font-size: 12px !important; font-weight: bold !important; cursor: pointer !important; background:#181818 !important; border:none !important; color: #FFF !important; float:right; } .submitter:hover{ background:#222 !important; border:none !important; color: #CCC !important; } #commentform textarea { width: 97%; } ol #commentform textarea { width: 95%; } .comment .avatar { border: 2px solid #F4F4F4; position: absolute; left: 10px; top: 10px; width: 32px; height: 32px; } .comment a.avatar-link.author-link { border: 2px solid #9e9e9e; } .comment-meta a { color: #7b7b7b; font-size: 11px; } .comment-author, .comment-meta, .comment-awaiting-moderation { padding-left:45px; } .comment-author a { } .comment-meta a:hover { } .comment-author a:hover { } .nocomments { } .comment-body ul { list-style-type: disc; } .comment-body ol { list-style-type: decimal; } /* --------------------------------------------------------------------------------------------- ------------------------------------------------------------------------- PORTFOLIO & GALLERY --------------------------------------------------------------------------------------------- */ .the_gallery{ padding:20px; } .the_gallery_item{ float:left; } .featured_image{ position:relative; margin-bottom:15px; } .featured_image h2{ background:url(../images/pixel-70.png) repeat; color:#FFF; text-shadow:#000 0px 1px 1px; padding:10px; position:absolute; bottom:0; left:0; z-index:100; } .hover a{ background:#000 url(../images/icons/dcb_hover_zoom.png) no-repeat center center; display:block; position:relative; color:#FFF !important; } .hover a:hover{ color:#FFF !important; } .hover a span{ width:100%; height:100%; background:url(../images/pixel-70.png) repeat; display:block; position:absolute; top:0; left:0; z-index:100; overflow:hidden; } /* ------------------- { filters_list */ #sort-by { text-align:center; margin:5px 0 25px 0px; } .ie7 #sort-by { position: relative; top: -20px; right: -18px; } #sort-by li { padding: 0 5px; height: 25px; float:left; text-transform:uppercase; } #sort-by li:last-child { background: none; } #sort-by a { border-bottom: none; color: #999 !important; padding: 5px 5px; margin: 0; font-size:11px; /* CSS TRANSITION */ -webkit-transition-property: color, background; -webkit-transition-duration: 0.25s, .25s; -webkit-transition-timing-function: linear, ease-in; /* CSS TRANSITION - Mozilla hack */ -moz-transition-property: color, background; -moz-transition-duration: 0.25s, .25s; -moz-transition-timing-function: linear, ease-in; /* CSS TRANSITION - Opera hack */ -o-transition-property: color, background; -o-transition-duration: 0.25s, .25s; -o-transition-timing-function: linear, ease-in; /* CSS3 ROUND CORNER */ -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } #sort-by a:hover, #sort-by a.active, #sort-by a.active:hover { color:#FFF !important; } /* ------------------- { Isotope effets */ .isotope-item{ margin-bottom:20px !important; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .isotope { -webkit-transition-property: height, width; -moz-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; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* --------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------ FORMS --------------------------------------------------------------------------------------------- */ #contact_form div{ position:relative; margin-bottom:20px; } #contact_form label{ width:26%; float: left; display:block; line-height:32px; } #contact_form label.error{ width:200px; text-align:right; float: right; display:block; position:absolute; top:0; right:40px; padding:0; color:#C00; } #contact_form #getit label.error{ width:200px; text-align:right; float: right; display:block; position:absolute; top:0; left:200px; padding:0; } #contact_form textarea, #contact_form input{ width:70%;} #contact_form textarea, #contact_form input{ padding: 8px; background: #f9f9f9; border:1px solid #E9E9E9; color: #444; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); /* CSS TRANSITION */ -webkit-transition-property: border, background; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: linear; /* CSS TRANSITION - Mozilla hack */ -moz-transition-property: border, background; -moz-transition-duration: 0.1s; -moz-transition-timing-function: linear; /* CSS TRANSITION - Opera hack */ -o-transition-property: border, background; -o-transition-duration: 0.1s; -o-transition-timing-function: linear; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } #contact_form textarea:focus, #contact_form input:focus{ } #contact_submit{ cursor:pointer;} #contact_submit, #check{ width:90px !important;} .submitter{ float:right; } .submitter:hover{ } .requ{ color:#C00; } /* --------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ALBUMS --------------------------------------------------------------------------------------------- */ .album_preview{ float:left; padding:20px; } .album_infos{ float:left; padding:20px 0; } .rating_stars{ padding:10px 0 0 0; display:block; } .rating_stars img{ float:left; } /* --------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- LEFT PART --------------------------------------------------------------------------------------------- */ .left_part{ display:block; float:left; width:700px; margin:0; color:#323232; } .left_part a{ color:#202020; } .left_part a:hover{} /* --------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------- SIDEBAR --------------------------------------------------------------------------------------------- */ #sidebar{ display:block; float:left; width:220px; margin:0 0 0 20px; padding:20px 0; color:#FFF; } #sidebar a{ color:#e9e9e9; } #sidebar ul li { padding:5px 0; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); } #sidebar ul li a{ padding:2px 4px; } /* List on two columns */ .ul_columns{ clear:both; height:100%; overflow:hidden; margin:0; } .ul_columns li{ float: left; width: 110px; margin:0; padding:6px 0; } .ul_columns li a{ display: block; font-size:11px; } .social_links li{ padding:4px 0 !important; } .ul_columns li a:hover{ display: block; border:none!important; } .social_links .facebook a{ background:url(../images/icons/social16/facebook.png) no-repeat 0 50% !important;padding: 0 0 0 22px !important;} .social_links .twitter a{ background:url(../images/icons/social16/twitter.png) no-repeat 0 50% !important;padding: 0 0 0 22px !important;} .social_links .vimeo a{ background:url(../images/icons/social16/vimeo.png) no-repeat 0 50% !important;padding: 0 0 0 22px !important;} .social_links .linkedin a{ background:url(../images/icons/social16/linkedin.png) no-repeat 0 50% !important;padding: 0 0 0 22px !important;} .social_links .googleplus a{ background:url(../images/icons/social16/google_plus.png) no-repeat 0 50% !important;padding: 0 0 0 22px !important;} .social_links .youtube a{ background:url(../images/icons/social16/youtube.png) no-repeat 0 50% !important;padding: 0 0 0 22px !important;} .social_links .skype a{ background:url(../images/icons/social16/skype.png) no-repeat 0 50% !important;padding: 0 0 0 22px !important;} .social_links .dribbble a{ background:url(../images/icons/social16/dribbble.png) no-repeat 0 50% !important;padding: 0 0 0 22px !important;} .social_links .deviantart a{ background:url(../images/icons/social16/deviantart.png) no-repeat 0 50% !important;padding: 0 0 0 22px !important;} .social_links .flickr a{ background:url(../images/icons/social16/flickr-2.png) no-repeat 0 50% !important;padding: 0 0 0 22px !important;} .social_links .tumblr a{ background:url(../images/icons/social16/tumblr.png) no-repeat 0 50% !important;padding: 0 0 0 22px !important;} .social_links .digg a{ background:url(../images/icons/social16/digg.png) no-repeat 0 50% !important;padding: 0 0 0 22px !important;} /* ---------------------{ Search form } */ #sidebar form#search_form{} #sidebar form#search_form{ color: #999; background:#101010; border: 1px solid #303030; padding: 1px 0 1px 1px; font-size: 11px; width: 218px; height:30px; /* CSS3 ROUND CORNER */ -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); } #sidebar form#search_form .field{ } #sidebar form#search_form .field input{ background:none; border:none; display:block; float:left; width: 173px; height:30px; padding:0 6px; } #sidebar form#search_form .field input:focus{ background:#333; /* CSS3 ROUND CORNER */ -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } #sidebar form#search_form .button_search{ background:url(../images/magnify.png) no-repeat center 3px; display:block; float:left; width: 30px; height: 30px; cursor:pointer; } #sidebar form#search_form .button_search input{ background:none; border:none; display:block; float:left; width: 30px; height: 30px; text-indent:-9999px; cursor:pointer; } #sidebar form#search_form .button_search:hover{ background:#e9e9e9 url(../images/magnify.png) no-repeat center 3px; -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } /* ---------------------{ twitter_update_list } */ #twitter_update_list{ margin-bottom:10px; } #twitter_update_list li{ padding-left:38px !important; background:url(../images/icons/networks/networks-twitter.png) no-repeat; } #twitter_update_list li a{ display:block; clear:both; } #twitter_update_list li span a{ display:inline; } /* ---------------------{ Counter rss twitter } */ .dcb_socialcount{ margin-bottom:20px; } .dcb_socialcount a, .dcb_socialcount a:hover { height: 40px; text-decoration: none; display: block; min-width: 89px; } .dcb_socialcount_twitter { background: url(../images/icon-twitter-32.png) no-repeat left center transparent; } .dcb_socialcount_rss { background: url(../images/icon-rss-32.png) no-repeat left center transparent; } .dcb_socialcount_multi_count { float: left; width: 50%; } .dcb_socialcount a span { font-size: 10px; padding-top: 3px; color:#999; } .dcb_socialcount a strong { font-size: 15px; font-weight: bold; letter-spacing: 1.5px; padding-top: 5px; text-transform: uppercase; } .dcb_socialcount strong, .dcb_socialcount span { display: block; line-height: 1em; padding: 0 0 0 40px; } /* ---------------------{ widget_recent_post } */ .widget_recent_post{ display:block; clear:both; padding:8px 0; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); } .widget_recent_post .widget_recent_post_thumbnail{ display:block; float:left; padding:0 5px 0 0; width:60px; } .widget_recent_post .widget_recent_post_infos{ display:block; float:left; padding:0px 0 0 0; line-height:18px; width:135px; } .widget_recent_post .widget_recent_post_infos h6{ margin-bottom:0; font-size:13px; font-weight:bold; } /* ------------------- { Testimonials */ aside blockquote, #footer blockquote { font-family: Georgia, Times, serif; font-style:italic; width: 180px; /* required */ margin: 0 auto; } aside blockquote cite, #footer blockquote cite{ background: white; color: #000000; display: block; clear: both; text-align: right; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; font-style:normal; position: absolute; right: 6px; bottom: -15px; z-index: 900; padding: 1px 5px; /* CSS3 ROUND CORNER */ -webkit-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.8); -o-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.8); } aside blockquote cite:before, #footer blockquote cite:before{ content:""; position: absolute; left: 4%; top: -6px; width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid white; border-bottom: 0px solid transparent; } aside blockquote p, #footer blockquote p{ margin:0; padding:10px 5px; position:relative; display:block; } aside blockquote, q, #footer blockquote, q { quotes: "" ""; } aside #quote_wrap, #footer #quote_wrap { margin:20px 0 0 0; padding:0 10px; background: rgba(0, 0, 0, 0.9); color: #F9F9F9; /* CSS3 ROUND CORNER */ -webkit-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } /* ---------------------{ tour_dates_widget } */ .tour_dates_widget{} .tour_dates_widget .td_head{ background:url(../images/pixel-70.png) repeat; padding:5px; line-height:16px; height:16px; border-top:1px solid #000; border-bottom:1px solid #707070; font-size:11px; } .tour_date_item_odd .td_head{ background:url(../images/pixel-30.png) repeat; } .tour_dates_widget .td_head span{ display:block; float:left; } .tour_dates_widget .td_head_open{ background:url(../images/small_white_down_arrow.png) no-repeat 50% 50%; width:16px; height:16px; } .tour_dates_widget .td_head_close{ background:url(../images/small_white_up_arrow.png) no-repeat 50% 50% !important; width:16px; height:16px; } .tour_dates_widget .td_head_name{ font-weight:bold; text-transform:uppercase; padding:0 0 0 5px; width:110px; } .tour_dates_widget .td_head_location{ border-left:1px solid #707070; border-right:1px solid #707070; text-align:center; width:35px; } .tour_dates_widget .td_head_date{ text-align:right; width:40px; } .tour_dates_widget .td_body{ display:none; background:#303030; } .tour_dates_widget .td_body div{ padding:5px; overflow : hidden; } .tour_dates_widget .td_body_text{ padding:5px; } .tour_dates_widget .td_body p{ font-size:11px; line-height:18px; margin-bottom:5px !important; } /* ------------------- { list_infos_contact */ .list_infos_contact{ margin:10px 0px 20px 0px; display:block; width:220px; } .list_infos_contact .list_infos_phone{ background:url(../images/icons/mobile_phone.png) no-repeat left 50%; display:block; font-size:16px; font-weight:bold; margin-top:4px; padding:6px 0 4px 24px; } .list_infos_contact .list_infos_email{ background:url(../images/icons/letter_16.png) no-repeat left 50%; display:block; font-weight:bold; padding:6px 0 4px 24px; } /* ------------------- { FLICKR Stream */ .flickr_stream{ padding:0px; } .flickr_stream a{ display: block; float: left; padding: 1px; margin: 0 0 3px 3px; width: 60px; height: 60px; } .flickr_stream a img{ width: 60px; height: 60px; } /* ---------------------{ album_covers } */ #album_covers{} #album_covers li{ margin-bottom:10px; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); } #album_covers li a{ padding:0px !important; } #album_covers .cover{ display:block; float:left; width:95px; height:76px; } #album_covers .cover{ display:block; float:left; width:95px; height:76px; position:relative; } #album_covers .cover a{ display:block; float:left; width:95px; height:76px; position:absolute; top:0; left:0; } #album_covers .cover a span{ background:url(../images/album_cover_box.png); display:block; float:left; width:95px; height:76px; position:absolute; top:-1px; left:-1px; z-index:300; } #album_covers .cover img{ width:72px; height:72px; } #album_covers .infos{ display:block; float:left; margin-left:5px; width:120px; padding-bottom:10px; } #album_covers .infos h5{ color:#707070; } #album_covers .infos em{ color:#707070; } /* ------------------- { TAG CLOUD */ .tagcloud{ overflow: hidden; height:100%; } .tagcloud > a { display: inline-block; line-height: 21px; padding: 0 6px; border: 1px solid #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px !important; margin: 0 4px 4px 0; float: left; background: #000000; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } /* --------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------------------- */ .ft_square_sep{ background:#666 url(../images/ft_squares_sep.png) repeat center top; display:block; width:100%; height:1px; } #footer{ background:#1c1c1c; color:#aaa; } #footer .content{ margin:0 auto; padding:30px 0 10px 0; width:960px; } #footer a{ color:#ddd; /* CSS TRANSITION */ -webkit-transition-property: color, background; -webkit-transition-duration: 0.1s, 0.1s; -webkit-transition-timing-function: linear, linear; /* CSS TRANSITION - Mozilla hack */ -moz-transition-property: color, background; -moz-transition-duration: 0.1s, 0.1s; -moz-transition-timing-function: linear, linear; /* CSS TRANSITION - Opera hack */ -o-transition-property: color, background; -o-transition-duration: 0.1s, 0.1s; -o-transition-timing-function: linear, linear; } #footer h4{ color:#f4f4f4; } #footer .widget ul li { padding:5px 0; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); } #footer .widget ul li a{ padding:2px 4px; } #ft_infos{ background:#101010; border-top:1px solid rgba(255, 255, 255, 0.2); } #ft_infos .content{ font-size:11px; text-align:center; margin:0 auto; padding:10px 0; width:920px; } /* ----------------------- social_networks */ .social_networks{ display:block; width:960px; height:48px; padding:30px 0 10px 0; text-align:center; } .social_networks li{ display:inline-block; margin:0 !important; padding:0 !important; } .social_networks a{ display:block; float:left; margin:0 3px !important; padding:0 !important; border-radius: 50%; width: 48px; height: 48px; /* CSS TRANSITION */ -webkit-transition-property: background; -webkit-transition-duration: .4s !important; -webkit-transition-timing-function: linear; /* CSS TRANSITION - Mozilla hack */ -moz-transition-property: background; -moz-transition-duration: .4s !important; -moz-transition-timing-function: linear; /* CSS TRANSITION - Opera hack */ -o-transition-property: background; -o-transition-duration: .4s !important; -o-transition-timing-function: linear; } .social_networks a span{ display:block; text-indent:-9999px; text-align:left; margin:0 !important; padding:0 !important;} .social_networks .facebook{ background:url(../images/icons/networks/networks-facebook.png) no-repeat center center;} .social_networks .facebook:hover{ background:#3B5998 url(../images/icons/networks/networks-facebook.png) no-repeat center center;} .social_networks .vimeo{ background:url(../images/icons/networks/networks-vimeo.png) no-repeat center center;} .social_networks .vimeo:hover{ background:#86C9EF url(../images/icons/networks/networks-vimeo.png) no-repeat center center;} .social_networks .googleplus{ background:url(../images/icons/networks/networks-googleplus.png) no-repeat center center;} .social_networks .googleplus:hover{ background:#DA4A38 url(../images/icons/networks/networks-googleplus.png) no-repeat center center;} .social_networks .flickr{ background:url(../images/icons/networks/networks-flickr.png) no-repeat center center;} .social_networks .flickr:hover{ background:#ff0078 url(../images/icons/networks/networks-flickr.png) no-repeat center center;} .social_networks .youtube{ background:url(../images/icons/networks/networks-youtube.png) no-repeat center center;} .social_networks .youtube:hover{ background:#ff0000 url(../images/icons/networks/networks-youtube.png) no-repeat center center;} .social_networks .digg{ background:url(../images/icons/networks/networks-digg.png) no-repeat center center;} .social_networks .digg:hover{ background:#0024ff url(../images/icons/networks/networks-digg.png) no-repeat center center;} .social_networks .skype{ background:url(../images/icons/networks/networks-skype.png) no-repeat center center;} .social_networks .skype:hover{ background:#00c5e9 url(../images/icons/networks/networks-skype.png) no-repeat center center;} .social_networks .linkedin{ background:url(../images/icons/networks/networks-linkedin.png) no-repeat center center;} .social_networks .linkedin:hover{ background:#2390ff url(../images/icons/networks/networks-linkedin.png) no-repeat center center;} .social_networks .tumblr{ background:url(../images/icons/networks/networks-tumblr.png) no-repeat center center;} .social_networks .tumblr:hover{ background:#7da7c7 url(../images/icons/networks/networks-tumblr.png) no-repeat center center;} .social_networks .twitter{ background:url(../images/icons/networks/networks-twitter.png) no-repeat center center;} .social_networks .twitter:hover{ background:#1DCAFF url(../images/icons/networks/networks-twitter.png) no-repeat center center;} .social_networks .dribbble{ background:url(../images/icons/networks/networks-dribbble.png) no-repeat center center;} .social_networks .dribbble:hover{ background:#ff96c7 url(../images/icons/networks/networks-dribbble.png) no-repeat center center;} .social_networks .deviantart{ background:url(../images/icons/networks/networks-deviantart.png) no-repeat center center;} .social_networks .deviantart:hover{ background:#638372 url(../images/icons/networks/networks-deviantart.png) no-repeat center center;} .social_networks .envato{ background:url(../images/icons/networks/networks-envato.png) no-repeat center center;} .social_networks .envato:hover{ background:#7bc200 url(../images/icons/networks/networks-envato.png) no-repeat center center;} .social_networks .behance{ background:url(../images/icons/networks/networks-behance.png) no-repeat center center;} .social_networks .behance:hover{ background:#3F94EB url(../images/icons/networks/networks-behance.png) no-repeat center center;} .social_networks .myspace{ background:url(../images/icons/networks/networks-myspace.png) no-repeat center center;} .social_networks .myspace:hover{ background:#24A7FF url(../images/icons/networks/networks-myspace.png) no-repeat center center;} /* --------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------- DESIGN ELEMENTS --------------------------------------------------------------------------------------------- */ /* ---------------------{ Stripes separator } */ .st_separator{ background:url(../images/stripes_separator.png) repeat; display:block; height:15px; } /* ---------------------{ major_sep } */ .major_sep{ height:1px; background:rgba(0, 0, 0, 0.3); border-left:40px solid #666; margin-bottom:15px; } #footer .major_sep, #sidebar .major_sep{ height:1px; background:rgba(255, 255, 255, 0.3); border-left:40px solid #666; margin-bottom:15px; } /* ---------------------{ slogan } */ .slogan{ font-size:30px; font-weight:bold; line-height:36px; text-transform:uppercase; letter-spacing:-1px; padding:0 0 20px 0; margin-bottom:20px; border-bottom:1px solid rgba(255, 255, 255, 0.2); } /* ------------------- { Margins */ .marg_0_0_0_10{ margin:0 0 0 10px !important; } .marg_0_0_10_0{ margin:0 0 10px 0 !important; } .marg_0_10_0_0{ margin:0 10px 0 0 !important; } .marg_10_0_0_0{ margin:10px 0 0 0 !important; } .marg_0_0_0_20{ margin:0 0 0 20px !important; } .marg_0_0_20_0{ margin:0 0 20px 0 !important; } .marg_0_20_0_0{ margin:0 20px 0 0 !important; } .marg_20_0_0_0{ margin:20px 0 0 0 !important; } .marg_0_10{ margin:0 10px !important; } .marg_10_0{ margin:10px 0 !important; } .marg_10{ margin:10px !important; } .marg_0_20{ margin:0 20px !important; } .marg_20_0{ margin:20px 0 !important; } .marg_20{ margin:20px !important; } .marg_0{ margin:0 !important; } .padding_0_20_20_20{ padding:0 20px 20px 20px !important; } .padding_20_0_20_20{ padding:20px 0 20px 20px !important; } .padding_20_20_0_20{ padding:20px 20px 0 20px !important; } .padding_20_20_20_0{ padding:20px 20px 20px 0 !important; } .padding_0_0_20_20{ padding:0 0 20px 20px !important; } .padding_20_0_0_20{ padding:20px 0 0 20px !important; } .padding_20_20_0_0{ padding:20px 20px 0 0 !important; } .padding_0_20_20_0{ padding:0 20px 20px 0 !important; } .padding_0_20_0_20{ padding:0 20px 0 20px !important; } .padding_20_0_20_0{ padding:20px 0 20px 0 !important; } .padding_20{ padding:20px !important; } /* --------------------------------------- [ FLICKR EVERYWHERE ] */ .flickr_everywhere{ padding:10px 0 0 0;} .flickr_everywhere a{ margin:2px; float:left; } .flickr_everywhere img{ width:80px; height:80px; background:#181818; border:1px solid #000; padding:3px; } /* --------------------------------------- [ AUTHOR INFOS ] */ #author-info{ margin:15px 0 0 0; padding:10px; background:#f9f9f9; border:1px solid #e9e9e9; } #author-info h5{ margin-bottom:3px;} #author-image{ width:70px; height:70px; display:block; float:left; z-index:300; } #author-image img{ width:70px; height:70px; } #author-bio { width: 550px; display: block; float: left; padding: 0 0 0 13px; font-size: 11px; line-height: 18px; } .post-edit-link{ padding:4px 8px 4px 20px; margin-left:8px; background:url(../images/icons/pencil-16.png) no-repeat left 50%; } /* --------------------------------------- [ TABS ] */ .tabs { margin: 0 !important; padding: 0 !important; float: left; list-style: none; height: 31px; /*--Set height of tabs--*/ border-left: 1px solid #101010; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ cursor:pointer; border-left: none; border-bottom: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; } ul.tabs li a { text-decoration: none; display: block; padding: 0 20px; outline: none; background: #101010; border-bottom: 1px solid #101010; color:#e9e9e9 !important; } ul.tabs li a:hover { color:#FFF; border-bottom: 1px solid #101010 !important; } a.selected { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #555 !important; color:#FFF !important; border-bottom: 1px solid #101010; height: 32px !important; } ul.tabs li a:hover { background: #333; color:#FFF !important; border-bottom: 1px solid #101010; } .panes { border: 1px solid #dedede; overflow: hidden; clear: both; float: left; width: 100%; background: #e9e9e9; } .tab-content{ padding: 20px; display:none; } #tab_1.tab-content{ padding: 20px; display:block; } /* --------------------------------------- [ SLIDER ] */ .main_view { position: relative; border:1px solid #101010; } .window { overflow: hidden; /*--Hides anything outside of the set width/height--*/ position: relative; } .image_reel { position: absolute; top: 0; left: 0; } .image_reel img {float: left;} /*--Paging Styles--*/ .paging { position: absolute; bottom: 4px; right: 4px; z-index: 100; /*--Assures the paging stays on the top layer--*/ text-align: center; line-height: 20px; display: none; /*--Hidden by default, will be later shown with jQuery--*/ } .paging a { background: #101010; padding: 5px 6px; cursor:pointer; text-decoration: none; color: #FFF; font-size:11px; } .paging a.active { background: #FFF; color:#101010 !important; } .paging a:hover {} /* --------------------------------------- [ ACCORDION ] */ .accordion .over { background: #222 !important; color:#FFF !important; } .accordion .on { background: #333 !important; color:#FFF !important; } .accordion h5{ color:#FFF !important; margin-bottom:0 !important; padding:0;} .accordion .accordionButton { background: #181818; border-bottom: 1px solid #000; border-top: 1px solid #222; cursor: pointer; padding:5px 10px; color:#e9e9e9 !important; } .accordion .accordionContent { background: #e9e9e9; border-bottom: 1px solid #dedede; padding: 20px; } /* --------------------------------------- [ TOGGLER ] */ .toggler .plus_minus{ background:url(../images/plus_minus.png) no-repeat left 2px; padding-left:24px;} .toggler .minus_plus{ background:url(../images/minus_plus.png) no-repeat left 2px !important; padding-left:24px;} /* -------------------------- { NOTIFICATION BLOCKS } */ .notification_title{ background:url(../images/notification_title.jpg) repeat-x; line-height:34px; height:34px; border:1px solid #e0e0e0; border-width:1px 1px 1px 0; margin:0; padding:0 0 0 10px; /* CSS3 ROUND CORNER */ -webkit-border-radius: 0px 5px 5px 0px; -khtml-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .notification_block{ padding:0 0 0 40px; margin-bottom:20px; } .notification_text{ background:url(../images/notification_text.png) repeat; line-height:24px; padding:0 10px; margin:0 5px 0 1px; font-size:11px; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .notification_block.success{ background:url(../images/notification_valid.png) no-repeat left top;} .notification_block.error{ background:url(../images/notification_error.png) no-repeat left top;} .notification_block.warning{ background:url(../images/notification_warning.png) no-repeat left top;} .notification_block.infos{ background:url(../images/notification_infos.png) no-repeat left top;} /* --------------------------------------- [ TOP ] */ .go_top_short{ border-bottom: 1px solid rgba(0, 0, 0, 0.3); text-align:right; padding:0; } .go_top_short a{ padding:0px 4px; font-size:9px; text-transform:uppercase; float:right; display:block; } /* --------------------------------------- [ BLOCKQUOTE ] */ .left_part blockquote { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.2); font-size: 14px; line-height: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #000; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; padding: 10px 10px 10px 10px; } .left_part blockquote cite { font-style: normal; font-size: 11px; text-transform: uppercase; color: white; text-align: right; float: right; background: #666; border: 1px solid #333; padding: 1px 5px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } /* ------------------- { Pre Code */ pre, code{ font-family:"Courier New", Courier, monospace; color:#444; } pre { font-size: 12px; margin: 10px auto 20px auto; background:url(../images/pre_bg.jpg) repeat left top; border:1px solid; border-color:#C4C4C4 #dedede #dedede #C4C4C4; line-height: 18px; width: 100%; overflow: auto; overflow-Y: hidden; } pre.html{ border-color:#ccc #e9e9e9 #e9e9e9 #ffe4c6; border-width:1px 1px 1px 5px;} pre.php{ border-color:#ccc #e9e9e9 #e9e9e9 #c4ddff; border-width:1px 1px 1px 5px;} pre.css{ border-color:#ccc #e9e9e9 #e9e9e9 #eeffc6; border-width:1px 1px 1px 5px;} pre.javascript{ border-color:#ccc #e9e9e9 #e9e9e9 #ffc6c6; border-width:1px 1px 1px 5px;} pre code { margin: 0 0 0 15px; /*--Left Margin--*/ padding: 0 0; display: block; } /* --------------------------------------- [ biglines ] */ .biglines{ font-size:16px; line-height:26px; font-weight:bold; text-shadow:#aaa 0 1px 2px; margin:0 0 10px 0; } /* --------------------------------------- [ HIGHLIGHTED TEXT ] */ .highlight_yellow { background:#FC0; color:#000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: none; padding: 3px; margin: 0px 4px 0px 2px; } .highlight_blue { background:#BDE5F8; color:#00529B; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: none; padding: 3px; margin: 0px 4px 0px 2px; } .highlight_pink { background:#F06; color:#FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: none; padding: 3px; margin: 0px 4px 0px 2px; } .highlight_red { background:#F00; color:#FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: none; padding: 3px; margin: 0px 4px 0px 2px; } .highlight_green { background:#6C0; color:#FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: none; padding: 3px; margin: 0px 4px 0px 2px; } /* --------------------------------------- [ LIST TYPES ] */ ul.square{ margin-bottom: 20px; } ul.square li { list-style-type: square; list-style-position: inherit; padding-left: 20px; margin-left: 20px; } ul.circle{ margin-bottom: 20px; } ul.circle li { list-style-type: circle; list-style-position: inherit; padding-left: 20px; margin-left: 20px; } ul.numbered{ margin-bottom: 20px; } ul.numbered li { list-style-type: decimal; list-style-position: inherit; padding-left: 17px; margin-left: 23px; } /* --------------------------------------- [ IMAGE ALIGN ] */ .img_left{ float:left; margin:4px 15px 0 0; } .img_right{ float:right; margin:4px 0 0 15px; } /* --------------------------------------- [ GO TOP ] */ .go_top_short{ display:block; width:100%; text-align:right; border-bottom:1px solid #e2e2e2; margin:10px 0; } .go_top_short a{ color:#aaa;} .go_top_short a:hover{ color:#666;} /* --------------------------------------- [ DROPCAP ] */ .dropcap{ float:left; font-size:40px; line-height:0px; margin:5px 0px 0 0; padding:18px 5px 5px 5px; font-weight:bold; } .dropcap2{ background:#000; color:#fff; float:left; font-size:30px; line-height:40px; margin:0 5px 0 0; text-align:center; border-radius: 50%; width: 40px; height: 40px; font-weight:bold; } .dropcap3{ float:left; font-size:80px; line-height:60px; margin:0 5px 0 0; text-align:center; font-weight:bold; } /* --------------------------------------- [ PULL QUOTES ] */ .pullquote{ float: left; width: 200px; padding: 10px 15px; margin:10px 15px 10px 0; border-right: 5px solid #333; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999; background:#222; } .pullquote_right{ float: right; width: 200px; padding: 10px 15px; margin:10px 0 10px 15px; border-left: 5px solid #333; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999; background:#222; } /* --------------------------------------- [ BREAK and SEPARATORS ] */ .break{ display:block; clear:both; height:30px; } .break_line{ background:#f9f9f9; border-bottom:1px solid #e2e2e2; display:block; clear:both; height:5px; margin:10px 20px; } /* --------------------------------------- [ IMAGES FRAMED ] */ .framed{ padding:5px; color: #999; background: #F9F9F9; border: 1px solid #E9E9E9; -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); } .framed_left{ float:left; margin:0 20px 0 0; padding:5px; color: #999; background: #F9F9F9; border: 1px solid #E9E9E9; -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); } .framed_right{ float:right; margin:0 0 0 20px; padding:5px; color: #999; background: #F9F9F9; border: 1px solid #E9E9E9; -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); } #sidebar .framed{ padding:2px; color: #999; background: #F9F9F9; border: 1px solid #E9E9E9; -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); } /* --------------------------------------- [ LISTs ] */ .list_simple li{ list-style:square; background:none; padding:3px 0 3px 23px;} .list_arrow li{ list-style:none !important; background:url(../images/grey_small_arrow.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_square li{ list-style:none !important; background:url(../images/icons/list_square.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type1 li{ list-style:none !important; background:url(../images/icons/user_business_boss.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type2 li{ list-style:none !important; background:url(../images/icons/user_black_female.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type3 li{ list-style:none !important; background:url(../images/icons/doc_music_playlist.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type4 li{ list-style:none !important; background:url(../images/icons/clock.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type5 li{ list-style:none !important; background:url(../images/icons/mobile_phone.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type6 li{ list-style:none !important; background:url(../images/icons/key.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type7 li{ list-style:none !important; background:url(../images/icons/medal_gold_1.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type8 li{ list-style:none !important; background:url(../images/icons/link.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type9 li{ list-style:none !important; background:url(../images/icons/money_euro.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type10 li{ list-style:none !important; background:url(../images/icons/money_dollar.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type11 li{ list-style:none !important; background:url(../images/icons/arrow_right.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type12 li{ list-style:none !important; background:url(../images/icons/tag_blue.png) no-repeat left 50%; padding:3px 0 3px 23px;} .heart li{ list-style:none !important; background:url(../images/icons/heart-16.png) no-repeat left 48%; padding:3px 0 3px 23px; } .comment li{ list-style:none !important; background:url(../images/icons/comment-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .mail li{ list-style:none !important; background:url(../images/icons/email-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .user li{ list-style:none !important; background:url(../images/icons/person-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .redcross li{ list-style:none !important; background:url(../images/icons/cross-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .pencil li{ list-style:none !important; background:url(../images/icons/pencil-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .check li{ list-style:none !important; background:url(../images/icons/check-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .arrow-right li{ list-style:none !important; background:url(../images/icons/arrow-right-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .arrow-down li{ list-style:none !important; background:url(../images/icons/arrow-down-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .badgecheck li{ list-style:none !important; background:url(../images/icons/badge-circle-check-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .plus li{ list-style:none !important; background:url(../images/icons/plus-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .search_list_icon li{ list-style:none !important; background:url(../images/icons/search-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .icon_dcb_check li{ list-style:none !important; background:url(../images/icons/icon_dcb_check.png) no-repeat left 48%; padding:3px 0 3px 23px;} .icon_dcb_dl li{ list-style:none !important; background:url(../images/icons/icon_dcb_dl.png) no-repeat left 48%; padding:3px 0 3px 23px;} .icon_dcb_links li{ list-style:none !important; background:url(../images/icons/icon_dcb_links.png) no-repeat left 48%; padding:3px 0 3px 23px;} .icon_dcb_arrow li{ list-style:none !important; background:url(../images/icons/icon_dcb_arrow_right.png) no-repeat left 48%; padding:3px 0 3px 23px;} /* --------------------------------------- [ BUTTONS ] */ a.nice_button{ display:block; float:left; color:#FFF !important; margin:0 5px;} a:hover.nice_button{ } a.nice_button .linker{ background-position:left top; display:block; float:left; padding:0 0 0 15px; height:39px; line-height:38px;} a.nice_button .end{ background-position:right top !important; display:block; float:left; width:15px; height:39px;} a.nice_button.red .linker{background:url(../images/button_red.png) no-repeat;} a.nice_button.red .end{background:url(../images/button_red.png) no-repeat;} a.nice_button.red2 .linker{background:url(../images/button_red_light.png) no-repeat;} a.nice_button.red2 .end{background:url(../images/button_red_light.png) no-repeat;} a.nice_button.blue .linker{background:url(../images/button_blue.png) no-repeat;} a.nice_button.blue .end{background:url(../images/button_blue.png) no-repeat;} a.nice_button.blue2 .linker{background:url(../images/button_blue_light.png) no-repeat;} a.nice_button.blue2 .end{background:url(../images/button_blue_light.png) no-repeat;} a.nice_button.green .linker{background:url(../images/button_green.png) no-repeat;} a.nice_button.green .end{background:url(../images/button_green.png) no-repeat;} a.nice_button.green2 .linker{background:url(../images/button_green_light.png) no-repeat;} a.nice_button.green2 .end{background:url(../images/button_green_light.png) no-repeat;} a.nice_button.pink .linker{background:url(../images/button_pink.png) no-repeat;} a.nice_button.pink .end{background:url(../images/button_pink.png) no-repeat;} a.nice_button.pink2 .linker{background:url(../images/button_pink_light.png) no-repeat;} a.nice_button.pink2 .end{background:url(../images/button_pink_light.png) no-repeat;} a.nice_button.orange .linker{background:url(../images/button_orange.png) no-repeat;} a.nice_button.orange .end{background:url(../images/button_orange.png) no-repeat;} a.nice_button.orange2 .linker{background:url(../images/button_orange_light.png) no-repeat;} a.nice_button.orange2 .end{background:url(../images/button_orange_light.png) no-repeat;} a.nice_button.yellow .linker{ color:#000 !important; background:url(../images/button_yellow.png) no-repeat;} a.nice_button.yellow .end{background:url(../images/button_yellow.png) no-repeat;} a.nice_button.black .linker{background:url(../images/button_black.png) no-repeat;} a.nice_button.black .end{background:url(../images/button_black.png) no-repeat;} a.nice_button.black2 .linker{background:url(../images/button_black_light.png) no-repeat;} a.nice_button.black2 .end{background:url(../images/button_black_light.png) no-repeat;} a.nice_button.brown .linker{background:url(../images/button_brown.png) no-repeat;} a.nice_button.brown .end{background:url(../images/button_brown.png) no-repeat;} a.nice_button.brown2 .linker{background:url(../images/button_brown_light.png) no-repeat;} a.nice_button.brown2 .end{background:url(../images/button_brown_light.png) no-repeat;} a.nice_button.grey .linker{ color:#000 !important; background:url(../images/button_grey.png) no-repeat;} a.nice_button.grey .end{background:url(../images/button_grey.png) no-repeat;} a:hover.nice_button .linker{ background-position:left -51px; color:#FFF !important;} a:hover.nice_button .end{ background-position:right -51px !important;} a:active.nice_button .linker{ background-position:left bottom;} a:active.nice_button .end{ background-position:right bottom !important;} /* --------------------------------------- [ CALENDAR ] */ /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align: center; font-size: 14px; margin-top: 10px; margin-bottom: 5px; font-weight:bold; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #888; } #wp-calendar tbody td { background: rgba(0, 0, 0, 0.1); border: 1px solid #333; text-align: center; padding:3px 8px;} #wp-calendar tbody td a{ display:block; text-decoration:underline;} #wp-calendar tbody td:hover { background: rgba(255, 255, 255, 0.1); } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #wp-calendar #today{ background:rgba(255, 255, 255, 0.2); color:#FFF; } /* --------------------------------------- [ wp-paginate ] */ .wp-paginate{ margin:20px !important; text-align:right !important; } .wp-paginate .current{ background:#000 !important; border:none !important; padding:4px 6px !important; } .wp-paginate a{ background: #ccc !important; border:none !important; color: #333 !important; padding:4px 6px !important; } .wp-paginate a:hover{ background: #000 !important; border:none !important; color: #FFF !important; } /* --------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------- COLUMNS --------------------------------------------------------------------------------------------- */ .grid_col_1_1{ display:block; float:left; width:920px; margin: 0 20px; } .grid_col_1_4{ display:block; float:left; width:200px; margin: 0 20px; } .grid_col_2_4{ display:block; float:left; width:440px; margin: 0 20px; } .grid_col_3_4{ display:block; float:left; width:680px; margin: 0 20px; } .grid_col_1_2{ display:block; float:left; width:440px; margin: 0 20px; } .grid_col_2_3{ display:block; float:left; width:600px; margin: 0 20px; } .grid_col_1_3{ display:block; float:left; width:280px; margin: 0 20px; } .grid_col_1_5{ display:block; float:left; width: 152px; margin: 0 20px; } .grid_col_2_5{ display:block; float:left; width:344px; margin: 0 20px; } .grid_col_3_5{ display:block; float:left; width:536px; margin: 0 20px; } .grid_col_4_5{ display:block; float:left; width:728px; margin: 0 20px; } /* ---------------------{ Columns in fullwidth page } */ .fullwidth_page .grid_col_1_1{ display:block; float:left; width:920px; margin: 0 20px; } .fullwidth_page .grid_col_1_4{ display:block; float:left; width:200px; margin: 0 20px; } .fullwidth_page .grid_col_2_4{ display:block; float:left; width:440px; margin: 0 20px; } .fullwidth_page .grid_col_3_4{ display:block; float:left; width:680px; margin: 0 20px; } .fullwidth_page .grid_col_1_2{ display:block; float:left; width:440px; margin: 0 20px; } .fullwidth_page .grid_col_2_3{ display:block; float:left; width:600px; margin: 0 20px; } .fullwidth_page .grid_col_1_3{ display:block; float:left; width:280px; margin: 0 20px; } .fullwidth_page .grid_col_1_5{ display:block; float:left; width: 152px; margin: 0 20px; } .fullwidth_page .grid_col_2_5{ display:block; float:left; width:344px; margin: 0 20px; } .fullwidth_page .grid_col_3_5{ display:block; float:left; width:536px; margin: 0 20px; } .fullwidth_page .grid_col_4_5{ display:block; float:left; width:728px; margin: 0 20px; } /* ---------------------{ Columns in sidebar page } */ .left_part .grid_col_1_1{ display:block; float:left; width:660px; margin: 0 10px; } .left_part .grid_col_1_4{ display:block; float:left; width:150px; margin: 0 10px; } .left_part .grid_col_2_4{ display:block; float:left; width:320px; margin: 0 10px; } .left_part .grid_col_3_4{ display:block; float:left; width:490px; margin: 0 10px; } .left_part .grid_col_1_2{ display:block; float:left; width:320px; margin: 0 10px; } .left_part .grid_col_2_3{ display:block; float:left; width:432px; margin: 0 10px; } .left_part .grid_col_1_3{ display:block; float:left; width:206px; margin: 0 10px; } .left_part .grid_col_1_5{ display:block; float:left; width: 116px; margin: 0 10px; } .left_part .grid_col_2_5{ display:block; float:left; width:252px; margin: 0 10px; } .left_part .grid_col_3_5{ display:block; float:left; width:388px; margin: 0 10px; } .left_part .grid_col_4_5{ display:block; float:left; width:524px; margin: 0 10px; } .menupop:hover a{color:#000!important;} .menupop:hover a:hover{color:#666!important;} .pp_description{color:#999!important;}