/* Theme Name:Rock Palace Description:Rock Palace - Wordpress Theme Version:1.4 Author:gljivec Theme URI:http://themeforest.net/ Author URI:http://premiumcoding.com/ License URI:http://themeforest.net/ Tags:black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, editor-style */ /* *********************** -------------------------------------- -------------RESET--------------- -------------------------------------- *************************/ .test{display:none;} 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, header, hgroup, menu, nav, section { display: block } nav ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;} ins { color: #2a2b2c !important; text-decoration: none; } mark { background-color: #ff9; color: #fff; font-style: italic; font-weight: bold; padding:2px;} del { text-decoration: line-through } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle } body, html { min-height: 100% } html {margin-top:0px !important;} body { } select{padding: 5px; min-width: 150 px;} body { font-size: small; letter-spacing: normal; line-height: 1.65em; } select, input, textarea, button { font: 99% sans-serif } input, select { padding: 5px; color: #4c4c4c; outline: none; background-color: #F8F8F8;border: 1px solid #e7e7e7; border-bottom: 1px solid #D9D9D9;} pre, code, kbd, samp { font-family: monospace, sans-serif } body, select,textarea { color: #999 } h1, h2, h3, h4, h5, h6 { font-family: sans-serif; text-transform: uppercase; font-weight: normal; line-height: 110%; margin-bottom: 10px; color: #999 } h1 { font-size: 26px } h2 { font-size: 22px } h3 { font-size: 20px } h4 { font-size: 18px } h5 { font-size: 16px } h6 { font-size: 14px } html { overflow-y: scroll } a:hover, a:active { outline: none } ul, ol { margin-left: 2em } ol { list-style-type: decimal } nav ul, nav li { margin: 0 } small { font-size: 11px;font-weight:normal; } strong, th { font-weight: bold } td, td img { vertical-align: top } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } textarea { overflow: auto } .ie6 legend, .ie7 legend { margin-left: -7px } input[type="radio"] { vertical-align: text-bottom } input[type="checkbox"] { } .ie7 input[type="checkbox"] { vertical-align: baseline } .ie6 input { vertical-align: text-bottom } input[type=button], input[type=submit], button { cursor: pointer } button, input, select, textarea { margin: 0 } input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd } ::-moz-selection { background: #666; color: #fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #666 } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .invisible { visibility: hidden } .clearfix:before, .clearfix:after { content: "�020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both } .clearfix { zoom: 1 } html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; position: static; overflow: hidden; visibility: hidden; width: 0; height: 0; } img.centered, img.aligncenter { display: block; margin: 0 auto; overflow: hidden; padding: 4px; } img.alignright { padding: 4px; margin: 2px 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 2px 7px 2px 0; display: inline; } .alignright { float: right } .alignleft { float: left } .center { text-align: center } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 1.65em; padding: 0 4px 5px; margin: 0; } code { font-size: 12px; display: block; border: 1px solid #eee; padding: 10px; margin: 10px 0 0 0; background: #FCFCFC; } .usercontent h1{margin:0; padding-left:0 !important;} .sticky{} .gallery-caption {} .bypostauthor{} #slider .images{opacity:0;} #breadcrumb, #breadcrumb a {color:#fff;} .button, .button:visited{padding:10px; color:#fff;} .image img{display:none;} .google-map-placeholder{border: 10px solid #1e1e20 !important;} /***************************** ---------------MAIN------------- -------------------------------------- *************************/ #headerwrap {position: fixed; width: 100%; z-index: 999; padding-bottom: 13px;-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.4); box-shadow: 0 1px 10px rgba(0,0,0,0.4); } .headerwrapdown {} #header { margin: 10px auto 0 auto; padding: 0; width: 960px; display: block; } .titleborder{ position: absolute; width: 960px; border-bottom:1px dashed #dadada; margin-top:14px;} .fullwidth .titleborder {background: url(images/mainBorderLine.png) bottom repeat-x;} .relatedtitle .titleborder {background: url(images/mainBorderLine.png) bottom repeat-x;} #logo { position:relative; z-index: 9999; width: 260px; margin: 10px 0 2px 0px; float:left;} #logo h1{padding-top:20px} .logotag {font-size:10px; margin-top:0px;text-transform:uppercase; } #main { width: 960px; margin: 24px auto 0 auto; padding: 0px 0px 10px 0px; height: 100%; } .main { width: 960px; margin: 0 auto; padding:0px 20px 20px 20px; height: 100%; } #mainwrap { position: relative; width: 100%; margin: 0; padding: 0; top:90px;} .shadow { background: url(images/shadow.png) repeat-x; height: 16px; margin: 0; z-index: 20; } .infotextBorder {background: url(images/mainBorderLine.png) repeat-x; position: absolute; width: 100%; height: 7px;} /* *********************** -------------------------------------- ------------TOP MENU --------- -------------------------------------- ************************/ .cartWrapper {position:relative;float:right; cursor:pointer;padding:10px 10px 5px 10px !important;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:-9px;margin-left:-20px; -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.4); box-shadow: 0 1px 10px rgba(0,0,0,0.4);} .cartHolder{position: relative; width:100%; margin:0; background:#2a2b2c;background:#fafafa;padding-top:1px;border-top: 3px solid;z-index:10;} .cartHolder a {font-weight:bold;} .cart{display:block; height:30px;background: url(images/cart.png) no-repeat 0px 2px; padding-left: 35px; float:right; padding-top:4px;color:#fff !important;} .cart-contents{float:right;padding-left: 6px; padding-top:4px;color:#fff !important;} .top-nav{width: 960px;margin: 0 auto;height: 30px; } .top-nav a {color:#fff;text-transform:uppercase;font-size:10px;font-weight:normal;} .top-nav ul{float:right; list-style: none;margin:0px !important;} .top-nav li{float:left; padding:13px 0px 0 20px;} .socialTop{float:left;} /* *********************** -------------------------------------- ------------TOP MENU--------- -------------------------------------- ************************/ .pagenav {float:right;margin-top:33px} .widget_login .pagenav {float:left;} .menu-header .logout{display:none;} .menu-header { z-index: 9999; height: 40px; position: relative; top: 30px; float:right;} .menu, .menu * { margin: 0; padding: 0; list-style: none; } .menu { float: right } .menu ul { position: absolute; top: -999em; width: 200px; } .menu ul li { width: 100%; } .has-sub-menu { background: url(images/subMenuArrow.png) bottom right no-repeat; display: block; padding-right:12px; height:14px; } .respMenu {display:none;} .menu li { margin-left:35px; float: left !important; position: relative; } .menu li a { display: block; position: relative; text-decoration: none; } #header ul.menu > li > a { height:25px; } .menu li li {margin-left:0px; } .menu > li a strong { display: block; letter-spacing: normal; font-weight:bold;font-size:14px;} .menu li a span { display: block; font-size: 11px; color:#5e5e5f !important; padding-left:1px;margin-top:-5px;} .menu li:hover a, .menu li.current a { color: #111; } .menu li ul{display:none;} .menu li ul { left: -9px; top: 25px; z-index: 99;background: #fff; width: 205px; z-index: 8; opacity:0.97;} .menu li ul li a {background:none; border-right: none; border-left: none;padding-right: 0px; margin-right: 0px; } .menu li li ul { top: -999em } .menu li li:hover ul { left: 200px; top: 0; } .menu li ul li:hover { border: none ;} .menu li:hover ul li { padding-bottom: 0px; } .menu li:hover ul li:last-child {border-bottom: none;} .menu li ul li a { font-size: 12px; padding: 10px 0; margin: 0 10px; width: auto; height: auto; opacity:1 !important;border-bottom:1px solid #eee;} .menu li ul li:last-child a {border-bottom:none;} .menu li ul li ul li a { border-top:1px solid #eee;} .menu li:hover ul { -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2); box-shadow: 0 1px 10px rgba(0,0,0,0.2); } .menu li ul li:hover{background:#fcfbfb!important; } /* *********************** -------------------------------------- ------------COLUMNS---------- -------------------------------------- *************************/ .full { display: inline; float: left; position: relative; margin-left: 0px; margin-right: 0px; } .one_half { width: 48% } .one_third { width: 30.66% } .two_thirds { width: 65.33% } .one_fourth { width: 22% ; } .three_fourths { width: 74% } .one_fifth { width: 16.8% } .four_fifths { width: 79.2% } .one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths { position: relative; margin: 0; margin-right: 3.75%; float: left; } .one_half p, .one_third p, .two_thirds p, .one_fourth p, .three_fourths p, .one_fifth p, .two_fifth p, .three_fifths p, .four_fifths p {margin: 0 0 1.5em 0;} .one_half.last, .one_third.last, .one_fourth.last, .one_fifth.last {margin-right:0%;} /* *********************** -------------------------------------- -----------PORTFOLIO--------- -------------------------------------- ************************/ .portdesc{float:left;} #remove {float:left; width:960px; margin:10px 0 5px 0; padding:0px;} #remove h2{font-size:14px !important;} .catlink{ padding:10px 5px 9px 0; float:left; font-size:14px;background: url(images/portfolioTitleSeparator.png) no-repeat right;margin-right:10px;} .portfolio { width: 980px; float:left; } .portfolio.blog {padding: 10px 0px 20px 0px;} #portfolio { width: 980px; padding: 30px 0; } #portfolio #portitems { overflow: hidden; margin-top: 30px;} #portfolio .title { margin: 0; padding: 20px; } #remove a:last-child span.aftersortingword{display:none;} #remove span{padding-left:10px;} #remove h2 a:last-child span.aftersortingword {display:none;} #remove a:last-child {background:none;} /*portfolio 2 */ #portitems2 h2{position:relative; display:inline-block; margin-left:30px; padding:0 10px;} #portitems2 .one_half { background:#fff; margin-bottom:18px;border: 1px solid #eee;margin-right:1.8%;} #portitems2 .one_half.last {margin-right:1.8%;} #portitems2 .image{float:left; width:230px; height:150px;} #portitems2 .loading{background:url(images/loading-slider.gif) no-repeat; height:60px; width:60px; margin:45px 0 0 85px; position:absolute; } #portitems2 .recentdescription{float:left; width:49%;padding-left:1%;} #portitems2 h3{width:90%; text-transform:none; font-weight:bold; position:relative;display: inline-block; margin:7px 0 0px 10px; font-size:14px !important; cursor:pointer; text-align:left; z-index:99; } #portitems2 h3 a{position:relative; z-index;99;display:inline-block;} #portitems2 .category a{text-transform:none; padding:0px 6px 0px 6px !important; float:left; margin-right:7px; left: 0px; top: 0px; } #portitems2 h3.category a {margin-top:-3px;font-size:12px;} #portitems2 h3.category a:hover {opacity:0.75;filter:alpha(opacity=75);} #portitems2 .recentdescription .description{padding:0px 0 0 10px;} #portitems2 .image{padding:0px 0px 0px 0px;cursor:pointer; } .opera #portitems2 a {line-height:10px;margin-right:50px;} #portitems2 .overdefult{ display:block; background: url(images/hoverMask.png); opacity:0; filter:alpha(opacity=0); cursor:pointer; position:absolute; overflow: hidden; z-index:999 !important; width:230px; height:150px; } #portitems2 .overdefult:hover {opacity:1;filter:alpha(opacity=75); height:150px; /* For IE8 and earlier */} #portitems2 .overdefult:hover .overLowerDefault{opacity:1;filter:alpha(opacity=75);} #portitems2 .overdefult:hover .overLowerDefaultBorder{opacity:0.5;filter:alpha(opacity=75);} /*portfolio 2 end /*portfolio 3*/ #portitems3 .loading{background:url(images/loading-slider.gif) no-repeat; height:60px; width:60px; margin:85px 0 0 125px; position:absolute; } .item3 {background:#fff; border: 1px solid #eee;border-bottom:1px solid #ddd; width: 312px;min-height:370px; float: left; margin: 0px 10px 11px 0px;border-radius:5px;} .item3 img {float:left; height: 230px; width:310px; padding: 0; margin: 0; border-radius:5px; border:1px solid #1e1e20; -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.5); box-shadow: 0 2px 10px rgba(0,0,0,0.5);} .item3 .overdefult, .item4 .overdefult{ display:block; background: url(images/hoverMask.png); opacity:0; filter:alpha(opacity=0); cursor:pointer; position:absolute; overflow: hidden; z-index:99 !important; width:312px; height:232px; border-radius:5px; } .item4 .overdefult {border-radius:0px;} .item3 .overdefult:hover {opacity:1;filter:alpha(opacity=75); /* For IE8 and earlier */} .item3 .overdefult:hover .overLowerDefault{opacity:1;filter:alpha(opacity=75);} .item3 .overdefult:hover .overLowerDefaultBorder{opacity:0.5;filter:alpha(opacity=75);} .item3 h3{ font-size:20px!important;} .item3 .image{height:230px;} /*portfolio 3 end*/ /*portfolio 4*/ #portitems4 .loading{background:url(images/loading-slider.gif) no-repeat; height:60px; width:60px; margin: 38px 0 0 85px; position:absolute; } .item4{background:#fff;border: 1px solid #eee;border-bottom:1px solid #ddd; width: 232px; min-height:175px; float: left; margin: 0px 8px 8px 0px;text-align:center;-moz-box-shadow: inset 0 0 15px #f1f1f1; -webkit-box-shadow: inset 0 0 15px #f1f1f1; box-shadow: inset 0 0 15px #f1f1f1;} .item4 img{width:230px; height:133px; padding: 0; margin: 0;border:1px solid #1e1e20; -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.5); box-shadow: 0 2px 10px rgba(0,0,0,0.5);} .item4 .image{padding:0; margin-bottom:0;height:135px; } .item4 .overdefult{width:232px; height:135px; } .item4 .overLowerDefault{margin:-40px 0 0 99px; } .item4 .overLowerDefaultBorder{margin:45px 0 0 94px;} .item4 .overdefult:hover {opacity:1;filter:alpha(opacity=75); height:135px; /* For IE8 and earlier */} .item4 .overdefult:hover .overLowerDefault{opacity:1;filter:alpha(opacity=75);} .item4 .overdefult:hover .overLowerDefaultBorder{opacity:0.5;filter:alpha(opacity=75);} /*portfolio 4 end*/ .item3 h3, .item4 h3, .item3 h3 a, .item4 h3 a{position:relative; display: inline-block; padding:0 10px; margin-bottom:3px; background:none !important; } .portfolio .item3 h3 {margin-top:5px;} .item3 h3 a, .item4 h3 a {padding:11px 0 0 4px;font-size:16px !important; text-transform:none; font-weight:bold;} .item3 h4, .item2 h4, .item4 h4{padding-top:4px; text-align:center;font-size:15px !important;text-transform:capitalize;font-style:italic;} .item4 h4 {font-style:normal;} .item3 h4{font-size:12px !important; padding-top:0px;} .item4 h4{ font-size:11px !important; padding-top:0px;} .portfolio .readmore{ width:127px; height:28px; padding:3px 0 0 0; margin:10px 2px 0 0; text-align:center} .item3 .descriptionHomePort {padding:0 15px 15px 15px;} .item3 .borderLine {padding:5px 10px 10px 0px;} /*portfolio page*/ .projectdetails{float:left; width:610px; padding-bottom: 10px;} .projectdetails .linebreak{margin-left:20px;} .projectdetails span {line-height:3em;} .portcategories {padding-bottom: 25px; } .portcategories a{text-transform:none; padding:0px 6px 0px 6px !important;float:left;color:#fff !important;font-weight:normal;margin-right:7px;margin-top:-5px} .portcategories a:hover {opacity:0.75;filter:alpha(opacity=75);} .projectdescription{float: left; width:305px; padding-left:45px;margin-top:6px; } .projectdescription h1{padding-top:15px !important; } .projectdescription h2 {font-size:18px !important;text-transform:none; font-weight:bold;padding-bottom:5px;} .projectdescription .posttext{padding:20px 15px 5px 0px !important; float:left;margin-bottom:15px;width:305px;} .portsingle .portfolio h3, .projectdescription h3{position: relative; display: inline-block;z-index: 9; padding-right:10px;font-size:24px !important;} .portsingle .portfolio .titleborder{margin-top: -22px;width:960px; } .projectdescription .posttext img{max-width:320px;} .projectdescription .titleborder{ top: 15px;width: 320px;position: relative;margin-bottom: 12px;} .datecomment{float:left;} .blogpost .projectdescription .socialsingle {padding:0;} .portsingle .postcontent{margin-bottom:0; padding-bottom:0;} .portsingle #portitems4{margin-top:5px;} .blogpost .posted-date.port{cursor:text;} .blogpost .author.port{cursor:text;} .blogpost .postedin {} /*end portfolio page*/ /*single page portfolio*/ .postcontent.port{background:none; border:none;margin-bottom:15px;} .postcontent .projectdetails h1{padding:15px 0 8px 18px;line-height:1.2em;} .postcontent .projectdescription h1{padding:20px 0 10px 18px; line-height:1.2em; line-height:1.2em;} .showpostpostcontent .homesingleright h1 {margin-right:30px;} .projectdetails .socialsingle {float:left; padding:18px 10px 12px 15px;} .projectdescription .portnavigation{position:relative; float:left; width:100%;font-weight:bold;font-style:italic;margin-top:20px;font-size:14px;} .projectdescription .portnavigation .portprev{ float:right;position:relative; width: 45%; text-align: right; } .projectdescription .portnavigation .portnext{ float:left;position:relative; width: 45%; text-align: left; } .projectdescription .portnavigation .portnext:hover, .projectdescription .portnavigation .portprev:hover {opacity:0.85;filter:alpha(opacity=85);} .blogsingleimage .nextbutton.port{width:20px; height:20px;right:20px;top:20px;} .blogsingleimage .prevbutton.port{width:20px; height:20px; right:42px;top:20px;} .blogsingleimage #slider { margin-top:0px !important;} /*end single page portfolio*/ /* *********************** -------------------------------------- ------------CONTENT---------- -------------------------------------- *********************** */ .content {width: 600px; padding: 20px 0 0px 0; margin-right: 0px; float: left; } .content.blog {margin-bottom:10px;margin-top:0px;} .content.pagesidebar {padding: 25px 0 0px 0;} .image-gallery .loading{background:url(images/loading.gif) no-repeat; height:60px !important; margin:0px 0 0 0px!important} .gallery p{margin:0;} .content .entry{float:left; width:100%;margin-top:15px;} /*single page*/ .postcontent{margin-bottom: 0px; padding-bottom:0px; overflow: hidden; height:auto !important; } .postcontent.singledefult {margin-bottom: 25px;} .postcontent h1{line-height:1.2em;} .posttext { margin-bottom: 0px; padding: 0; overflow: hidden; } .posttext h1{margin-left:-1px;} .posttext img{} .posttext img:hover {opacity:0.85;filter:alpha(opacity=85);} .tags{font-size:14px !important;width:60%; float:left; margin:12px 10px 12px 80px;font-weight:bold;} .tags a{font-weight:normal;font-style: italic; } .socialsingle .tag{ float:left;} .singledefult .socialsingle{padding:0px 0px 3px 15px; float: right;} .gallery-single .socialsingle {margin-top:-5px; margin-left:7px; width:25px; height:25px;float:left; width:100% !important; padding:10px 0 10px 0px;} .gallery-single .socialsingle a{margin-left:10px; width:25px; height:25px;float:left; } .singleBorder {background: url(images/mainBorderLine.png) repeat-x; width: 100%;height: 7px;margin-top:-5px;} /*end single page*/ /*404 page*/ .errorpage {margin:10px 0px 0px 0px;} .errorpage .posttext {text-align:center;padding: 15px 300px 15px 300px;} .errorpage .postcontent h2{line-height:1.2em; font-size:72px !important; text-align:center; padding: 20px 0 0 0;} .errorpage .postcontent{background:none; margin-bottom:25px; padding-bottom:0;} .errorpage .homeIcon{float:none;} .errorpage .homeIcon a{margin:0 auto; } /*end 404 page*/ /*page*/ .fullwidth .postcontent h1{line-height:1.2em; } .page .socialsingle{padding:8px 10px 1px 0px;} .pagesidebar .titleborder{margin-top:-21px; width:610px;} .titleborderh{position:relative;display:inline-block; z-index:9;} .pagesidebar .titleborderh{ padding-right:10px;} .fullwidth .titleborder{margin-top:-21px;} .fullwidth .titleborderh {padding-right:10px;} /*end page*/ .content p {margin: 0 0 1.5em 0;} .homeContent .content{padding: 20px 0 30px 0; border-bottom:2px solid #F0F0F0; } #page-heading { margin: 0 auto; width: 960px;} .pagefullslider .heading-text {margin-top:10px;} .heading-text {padding: 9px 20px 0px 0; width: 600px; position: relative; margin-top:-5px;text-shadow: 0 0 0 transparent,white 0px 1px 0px; } .heading-text h1 ,.contact .heading-text h1{margin-bottom: 0px !important; font-size: 38px !important; margin-top:8px; margin-left:9px !important;} .page .heading-text h1 {margin-top:2px } .contact h1{ margin-top:9px !important;} .heading-text p { color: #6f6f6f; margin-top:0px;line-height: 1.65em; font-size:12px; margin-left:10px;} .pagetitle { margin: 0; padding: 30px 0; font-size: 28px; } .content blockquote { background: #fff url(images/quote.png) 10px 0px no-repeat; padding: 10px; margin-bottom:10px !important;border: 1px solid #eeeeee; padding-left: 65px; font-style: italic; margin: 0; float:left;} .content form { margin: 20px 0 } .content form label {padding: 3px 0px;font-weight:bold;} .fullwidth { width: 100%; margin-bottom: 5px; } .errorpage.fullwidth {margin-bottom: 30px;} .fullwidth .thumblarge { margin-bottom: 20px } .homeBox .image .loading{background: url(images/loading-slider.gif) 111px 46px no-repeat; height:180px; width:100%; position:absolute; z-index:99;} .homeBox {width: 100%; position:relative; float:left; display:block;margin:0px 0 0px 0; padding:30px 0 10px 0;} .homeBox .one_third .recentimage .image{ width:280px; height:150px;background: #343434; border-radius:8px;margin-bottom:10px;z-index:9999; border:10px solid;overflow:hidden;} .recentdescription h3 {text-transform:none; font-size:16px !important; font-weight:bold;} .homeBox .recentdescription {margin-left:10px} .homeBoxAll .homeBox .recentdescription {margin-left:0px} .homenivo {margin-top:-30px !important} .homenoslider, .homewrap {margin-top:0 !important} .page .nivo{margin-top:0px;} .noslider{margin-top:-12px;} .home-no-slide{margin-top:-4px !important;} /*INFO TEXT*/ .infotextwrap {position: relative; width:100%;; margin:0 auto;margin-top:40px;} .homewrap.port .infotextwrap {margin-top:90px;} .infotextwrapnivo { height: 40px;} .infotext { position:relative; margin-top:0px; text-align:center; margin:0 auto 0px auto; width:100%; padding:0 0 25px 0; float:left; } .infotext h2, .infotext h1{ font-size:36px !important; text-transform:uppercase !important; line-height:120%; margin-bottom:0px; text-transform:none; padding:30px 20px 25px 20px; } .infotext h2 span {color:#fff !important;} /*INFO TEXT END*/ /*SEARCH*/ .menuSearchField{position:relative;float:right; } .menuSearchField form div { background-color: #F9F9F9; font-size: 12px !important; color:#D2D2D2; font-style:italic; border-bottom: 1px solid #DADADA; padding: 6px 10px 16px 10px; height: 9px; margin:0px 0 0 10px; } .menuSearchField form div input { line-height:14px; height:14px; border: none; background-color: #F9F9F9; color: #D2D2D2 !important; padding: 0px 0px 0px 0px; width:140px; outline:none; font-style:italic; } .menuSearchField form div input#searchsubmit { display:none; } .menuSearchField form div input#keyword {outline:none;} .menuSearchField form div input#searchsubmit:hover{opacity:0.75;filter:alpha(opacity=75); /* For IE8 and earlier */} /*END SEARCH*/ /*START HOME BOX*/ .homeBox h2 {margin-bottom:15px;} .homeBox .one_third {cursor:pointer;width:270px !important;margin-right:30px !important;padding:15px;padding-bottom:0px;border-radius:5px;} .homeBox .one_third h2 a, .homeBox .one_third h3 a, .homeBox .one_third p{color:#fff !important;} .homeBox .last{margin-right: 0 !important;} .descriptionHomePort{ float:left; } .homeBox img{ padding-right:5px; float:left; max-width: 30px; max-height: 30px;} /*END HOME BOX*/ /*HOME RECENT*/ .wocategoryFull {margin-top:-15px;} .borderLine{float:left; width:100%; padding:10px 10px 10px 15px; display:inline-block;} .borderLineLeft {border-bottom:7px solid; width:15%; float:left; } .borderLineRight {background: url(images/mainBorderLine-1.png) repeat 0 0; width:75%; margin:3px 0px 0 2px; float:left; height:1px;} .sidebar .borderLine {width:300px;padding:0px; } .sidebar .borderLineLeft {width:40px;} .sidebar .borderLineRight {width:250px;} .homeRacent h2{position:relative; display:inline-block;padding-right:8px; } .homeRacent .image .loading{position:absolute; background:url(images/loading.gif) no-repeat; height:60px; width:60px;margin:100px 0 0 140px; z-index:99;} .homeRacent.post .loading{margin:25px 0 0 50px;} .homeRacent { width:100%;padding:0; float: left;margin-top:45px;} .recenttitle {position:absolute; margin-top:-70px; left:48%; text-align:center; } .recenttitle h3{padding:5px; background:#000; float:left;} .recentmore {float:right;} .homeRecent{width:100%; margin-top:5px;} .homeRacent .one_fourth { background:#fff; margin:5px 0 10px 0;border: 1px solid #eee;border-bottom:1px solid #ccc; margin-right: 1.05% ;width:230px;border-radius:5px;} .homeRacent.portHome .one_fourth {width:230px;} .homeRacent .one_fourth.last {margin-right:0% !important;} .homeRacent .recentimage{width:310px; height:230px;} .homeRacent.post .recentimage{margin:0px; width:130px; height:80px; float:left;border: 1px solid #eee;} .homeRacent.post .one_half {width:44%;background:#fff; margin:5px 30px 0px 0px;border: 1px solid #eee;border-radius:5px;padding:20px;} .homeRacent.post .one_half p {margin:0;} .homeRacent.post .one_half.last {margin-right:0px;} .shortDescription {float:left;padding:0px 30px 5px 0; width:93%; } .homeRacent.post .recentimage img {padding:4px;background:#2a2b2c;} .homeRacent.post .recentdescription{float:left; width:70%;margin-top:1px;} .homeRacent .recentdescription{float:left; width:100%;margin-left:0px;} .homeRacent .recentdescriptionPort{float:left; width:310px;margin-left:0px; background:#fff; margin:-5px 0px 10px 0;border: 1px solid #eee;border-bottom:1px solid #ccc;border-radius:5px; } .homeRacent .recentdescription h3, .homeRacent .recentdescription .star-rating, .homeRacent .recentdescription .shortDescription {margin-left:15px;} .homeRacent .descriptionHomePort {margin:0;} .homeRacent .recentdescription p {padding:35px 10px 0px 15px margin-bottom:0;} .homeRacent .descriptionHomePort .descriptionHomePortText {padding:35px 10px 10px 15px;} .homeRacent.post .recentdescription {margin-left: 6px;} .homeRacent.post .recentdescription p{padding:5px 0 0 15px;margin:0;} .homeRacent h3{text-transform:none; position:relative;display: inline-block; margin:25px 0 5px 15px; font-size:16px !important; font-weight:bold; cursor:pointer; text-align:left; z-index:99; } .homeRacent.post h3{background:url(images/homePostIcon.png) no-repeat; width:32px; height:32px; margin:0px 0 10px 0px; width:100%;} .homeRacent.post h3 a {padding:7px 0 0 40px;} .homeRacent .portDate , .homeRacent .portCategory a, .homeRacent .portCategory, .item4 .portDate, .item4 .portCategory a, .item4 .portCategory, .item2 .portDate, .item2 .portCategory a, .item2 .portCategory, .item3 .portDate, .item3 .portCategory a, .item3 .portCategory {text-align:center; color:#fff; font-size:12px; text-transform:uppercase;} .homeRacent .portDate, .item3 .portDate {margin-top:85px;} .item4 .portDate {margin-top:36px;} .item2 .portDate {margin-top:45px;} .homeRacent .portIcon, .item4 .portIcon, .item2 .portIcon, .item3 .portIcon{background:url(images/eyeIcon.png) no-repeat; width: 34px; height:20px;text-align:center;margin-left:138px; } .item4 .portIcon, .item2 .portIcon {margin-left:100px;} .homeRacent h3 a{position:relative; z-index;99;display:inline-block;} .homeRacent .recentmore{font-style:italic;font-weight:bold;margin-top:20px;} .homeRacent .category a{text-transform:none; padding:0px 0px 0px 7px; float:right; margin-right:0px; left: 0px; top: 0px; margin-top:0px !important;} @media not all and (-webkit-min-device-pixel-ratio:0) { .homeRacent .category a { line-height:1px; } } .homeRacent h3.category a {margin-top:-3px;font-size:12px;} .homeRacent h3.category a:hover {opacity:0.75;filter:alpha(opacity=75);} .homeRacent .recentdescription .description{padding:0px 0 0 10px;} .homeRacent .image{padding:0px 0px 0px 0px;cursor:pointer;} .homeRacent .image img {border-radius:5px;border:1px solid #1e1e20; -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.5); box-shadow: 0 2px 10px rgba(0,0,0,0.5);} .homeRacent.portHome .one_fourth:hover {border: 1px solid #f3f3f3; border-bottom:1px solid #ddd;} .opera .homeRacent a {line-height:10px;margin-right:50px;} .homeRacent .overdefult p{padding:0 15px 0 15px;margin:0px;margin-top:10px;color:#fff !important;} .homeRacent .overdefult ul{padding:10px; padding-left:20px; list-style:circle;color:#fff !important;} .homeRacent .overdefult ol {color:#fff !important;padding:0px; padding-left:10px ;} .homeRacent .overdefult{ display:block; background: url(images/hoverMask.png); opacity:0; filter:alpha(opacity=0); cursor:pointer; position:absolute; overflow: hidden; z-index:99 !important; width:312px; height:232px; border-radius:5px; } .homeRacent .one_half .overdefult {width:290px;} .homeRacent.post .overdefult{ padding:4px; display:block; filter:alpha(opacity=0); /* For IE8 and earlier */ background-color: rgba(0,0,0,0); cursor:pointer; position:absolute; overflow: hidden; z-index:99 !important; width:130px; height:80px !important; border:none !important; } .homeRacent.post .overLowerDefault{ cursor:pointer; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ width:35px; height:35px; border-radius:35px; opacity:0; filter:alpha(opacity=0); margin:-40px 0 0 48px; position:absolute; z-index:99 !important; } .homeRacent .overLowerDefault{ cursor:pointer; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ width:35px; height:35px; border-radius:35px; opacity:0; filter:alpha(opacity=0); margin:-40px 0 0 123px; position:absolute; z-index:99 !important; } .homeRacent .overLowerDefaultBorder{ background:#fff;width:45px; height:45px;border-radius:45px;margin:53px 0 0 118px;opacity:0; filter:alpha(opacity=0); } .homeRacent.post .overLowerDefaultBorder{ background:#fff;width:45px; height:45px;border-radius:45px;margin:17px 0 0 43px;opacity:0; filter:alpha(opacity=0); } .homeRacent .overdefult:hover {opacity:1;filter:alpha(opacity=75); height:232px; /* For IE8 and earlier */} .homeRacent .overdefult:hover .overLowerDefault{opacity:1;filter:alpha(opacity=50);} .homeRacent .overdefult:hover .overLowerDefaultBorder{opacity:0.5;filter:alpha(opacity=50);} .homeRacent .sliderAdvertisePort,.homeRacent .sliderAdvertisePost{margin-left:0;} .page .homeRacent .bx-prev {border-radius:3px;margin-left:918px ; top:53px;} .page .homeRacent .bx-next {border-radius:3px;margin-left:941px ; top:53px;} .page .homeRacent.post .bx-prev {border-radius:3px;margin-left:918px ; margin-top:0; top:-37px;} .page .homeRacent.post .bx-next {border-radius:3px;margin-left:941px ; margin-top:0; top:-37px;} .page .homeRacent ul{list-style:none; margin-left:0px;} .page .homeRacent .bx-prev:hover, .page .homeRacent .bx-next:hover,.page .homeRacent.post .bx-prev:hover, .page .homeRacent.post .bx-next:hover {opacity:0.85;alpha(opacity=85);} .homeRacent .star-rating{float:left;margin-bottom:10px;} /*HOME RECENT END*/ /*WPML PLUGIN CSS*/ #footer_language_list {float:left; margin-top:6px;min-width: 100px !important;} #footer_language_list ul{float:left;} #footer_language_list li {float:left; padding:0; position:relative; margin-left: 5px;} .menu-item-language,#lang_sel_footer, .icl_post_in_other_langs{display:none;} /*ADVERTISE*/ .advertise {padding:0; float: left; margin-top:50px;} .bx-wrapper {width:100% !important;position:relative; float:left;z-index:9;} .advertise .title{float:left; width:100%; margin-bottom:10px;} .advertise h2{position:relative; display:inline-block; padding-right:8px;} .advertise img {margin-top:0px;background:url(images/sponsorBackground.png) no-repeat;position:relative; float:left; text-align:center;cursor:pointer;} .advertise img:hover {opacity:0.7;filter:alpha(opacity=70);} .advertise ul{list-style:none; margin-left:0px;} .advertise li{float:left; list-style:none; width:160px !important; height:160px;} .advertise .bx-prev,.advertise .bx-next, .page .bx-prev, .page .bx-next{margin-top:-90px;margin-left:-25px;position:absolute;height: 20px;width: 20px;z-index:9; cursor:pointer; text-align:center;overflow:hidden; } .advertise .bx-prev,.advertise .bx-next {margin-top:-105px;} .advertise .bx-next {margin-left:960px;} .home .homeRacent .bx-next:hover, .home .homeRacent .bx-prev:hover {opacity:0.8;filter:alpha(opacity=80);} /*ADVERTISE END*/ /*PAGE HEADER*/ /*PAGE HEADER*/ .outerpagewrap {height: 120px;background:#fff;border-bottom:1px solid #eee;border-top:1px solid #eee; position:relative; top: 120px;} .outerpagewrap p {text-transform:capitalize;font-size:14px;margin-left:-2px;} .pagewrap{height:100px; width:100%; float:left; margin-bottom:70px;margin-top:10px;} .pagecontent{width:960px; margin:0 auto;} .pagecontent h1{color:#fff; margin:28px 0px 0 0px;} .pagecontent p{color:#fff;margin-top:0px;} .pagecontent p a{color:#fff;margin-left:2px;} .pagecontentContent{float:left; width:80%;} .homeIcon{float:right;margin-top:34px;} .homeIcon a{background: url(images/homeHouseIcon.png) top right no-repeat; height:53px; width:60px;display: block;} /*END PAGE HEADER*/ /*END PAGE HEADER*/ /*TEAM PAGE*/ .team {text-align:center;} .team .title {font-size:16px; margin-bottom:10px;font-weight:bold !important;} .one_third.team {padding-top:50px; background: url(images/mainBorderLine.png) top left repeat-x; background:none�/ !important} .team .role{display:inline-block; padding:3px 15px 3px 15px;color:#fff;} .team .social{margin: 22px 0 0 0px;height:30px; width: 300px;} .team .facebooklink{padding:15px; float: none !important;} .team .twitterlink{padding:15px; float: none !important;} .team .vimeo{padding:15px; float: none !important;} .team .dribble{padding:15px; float: none !important;} .team .emaillink{padding:15px; float: none !important;} .team .image img{ border:10px solid #343434;} .team .description {padding-left:10px;} .team .icon {width:80px; height:80px; background:#fff;border-radius:5px; margin: 10px auto;border:1px solid #ddd;} .team .icon img{border-radius:5px; padding:15px;margin:5px;} .team p{padding-bottom:28px;} .one_third.team:nth-child(1),.one_third.team:nth-child(2),.one_third.team:nth-child(3) {background:none; padding-top:0px;} /*TEAM PAGE END*/ /*related posts*/ .relatedtitle{ position:relative; float: left; border-radius:5px; color:#2a2b2c; z-index:1; } .titleborder.relatedb{width:600px;margin-left:-5px;} .related{float:right;margin-bottom:30px; width: 86.5%;} .related h3{position:absolute; display:inline-block;z-index:9; font-size: 16px !important; line-height: 24px; margin:0px 30px 10px 25px;padding:0 10px;} .related h4{width:158px; font-size:13px !important; color:#5CBBE3 !important; text-align:center; text-transform:none !important; padding-top:0px;font-weight:bold;} .relatedtitle h3 {color:#2a2b2c !important;font-size: 13px !important;padding: 22px 2px; text-align:center;text-transform:none;font-weight:bold;margin-bottom:0;width:60px;} .related .one_third {width:158px; margin-right:22px;} .related .one_third.last {margin-right:0px;} .related .one_third .image img {background-color: #2a2b2c; font-size:12px !important; padding: 6px;height:83px; width: 146px;} .related .one_third:hover {color:#5CBBE3 !important;} /*end related*/ #gallery-1 .gallery-item {width:auto !important; margin-top:0 !important; } .gallery-icon img{width:70px; height:70px;} .image-gallery, .gallery-item{float:left; padding:5px 5px 0 5px;background:#343434; margin: 0px 13px 13px 0px;} .image-gallery img{height:95px; width:95px; } .image-gallery .over{display:block; cursor:pointer; position:absolute; z-index:99 !important; width:95px; height:95px; margin:0px 0 0 0px; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ background-color:#fff; filter:alpha(opacity=0); /* For IE8 and earlier */ background-color: rgba(255,255,255,0); background: url(images/magnifyingGlassOverIcon.png) no-repeat 30px 31px; } .image-gallery .over:hover{opacity:1; background-color:#000;filter:alpha(opacity=70); /* For IE8 and earlier */background-color: rgba(0,0,0,0.6);} .gallery-content .gallery{display:none;} .gallery-single{width:620px; float:left;margin-bottom:5px;} .homesingleright .gallery-single {margin-top:-14px;} /* *********************** -------------------------------------- ---------------BLOG------------- -------------------------------------- *************************/ audio {width: 598px;} .blogimage img,.audioPlayer,.image img{display:none;} .blogsingleimage{width:580px; margin-bottom:10px;} .projectdetails .blogsingleimage{width:610px; margin-bottom:10px; position: relative;padding: 10px;background:#343434;} .projectdetails .blogsingleimage img:hover {opacity:0.9;filter:alpha(opacity=90)} .blogsingleimage img{} .blogsingleimage p, .content blockquote p {margin:0 !important;}{margin:0 !important;} .posttext .blogsingleimage{width:600px; margin-bottom:5px;} .blogimage{-webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in;} .blogFullWidth .blogimage{width:400px !important; float:left;} .blogimage:hover{opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */} .socialsingle{float:left; padding:8px 10px 1px 15px; width:100%;} .blogpostcategory .line{float:left; background: url(images/blogLineSeparatorDot.png) repeat-x; width:600px; height:1px; margin:7px 0 0 -15px !important;} .blogFullWidth .blogpostcategory .line {width:510px;margin:20px 0 0px 0px !important;} .blogFullWidth .link-category .blogpostcategory .line {width:930px;margin:10px 0 0px 0px !important;} .gallery-single .line{float:left; background: url(images/blogLineSeparatorDot.png) repeat-x; width:600px; height:1px; margin:17px 0 0 -15px !important;} .blogsingleimage .socialsingle a{margin-left:10px; width:25px; height:25px;float:left; } .blogsingleimage iframe{width:600px; height:280px;} .posttext .blogsingleimage {width: 600px;margin-bottom: 5px;margin-top: -1px;} .posttext .blogsingleimage img{background:#343434; padding:10px;} .posttext .blogsingleimage img:hover {opacity:0.9;filter:alpha(opacity=90);} .blogheadingborder{background: url(images/blogLineSeparator.png) no-repeat; width:100%; float:left; height:5px; position:relative; z-index:9;} .blogheadingborderbottom{background: url(images/blogLineSeparatorLower.png) no-repeat 0 -5px; width:100%; float:left; height:40px; z-index:9999;} .content .bottomborder{position:absolute; background: url(images/blogLowerBorder.png) no-repeat; width:600px; height:15px; margin-top:-40px;} .error404 .bottomborder {margin-top:-21px;} .fullwidth .projectdescription .bottomborder{position:absolute; background: url(images/blogLowerBorder.png) no-repeat; width:600px; height:15px; margin-top:0px;} .content.contact .bottomborder{margin-top:-20px;} .pagesidebar .bottomborder {position:absolute; background: url(images/blogLowerBorder.png) no-repeat; width:600px; height:15px; margin-top: -21px;} .content.singledefult .bottomborder{position:absolute; background: url(images/blogLowerBorder.png) no-repeat; width:600px; height:15px; margin-top:-21px;} /*blog*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .blogFullWidth .blogpostcategory h2{margin: -4px 35px 3px -1px;} } @media screen and (-webkit-min-device-pixel-ratio:0) { .blogFullWidth .slider-category .blogpostcategory h2{margin:-4px 35px 7px -1px;} } .infotextBorderSingle { background:url(images/mainBorderLine.png) repeat-x;width: 100%; height: 7px; float: left; } .blogpostcategory .commentblog, .singledefult .commentblog{position: relative; width: 80px; top: -35px;} .blogpostcategory .leftholder, .singledefult .leftholder{float:left; width:10%;} .singledefult .leftholder {margin-top:10px;} .singledefult .meta {float:right; width: 86.66%; background: url(images/mainBorderLine.png) repeat-x bottom; margin:15px 0 10px 0px;padding-bottom:20px} .singledefult .sentry { float:right; width:86.66%;} .blogpostcategory img{max-width:100%;} .blogpostcategory h2, .singledefult h2 {margin: 0px 35px 6px 0px; font-size:20px !important;} .blogpostcategory {position:relative; float:left;width:600px; margin-bottom: 0px; padding: 0; height:auto !important;} .blogpostcategory .posted-date, .singledefult .posted-date { position:relative; float: left; border-radius:5px; width:60px; height:60px; color:#fff; z-index:1;} .blogpostcategory .posted-date p, .singledefult .posted-date p {font-size:13px; text-align:center; padding-top:4px; margin:0; text-transform:uppercase;} .blogpostcategory .circleHolder, .singledefult .circleHolder { position:relative; float: left; border-radius:5px; width:60px; height:60px; color:#fff;margin:40px 0 0 0;} .blogpostcategory .commentblog .circleHolder, .singledefult .commentblog .circleHolder {background:#343434; border-radius:5px; width:60px; height:60px;text-align:center;} .blogpostcategory .date-inside, .singledefult .date-inside{text-align:center;margin-top:8px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; width:60px; height:60px;} .link .date-inside{border-radius:5px;} .blogpostcategory .date-inside .day, .singledefult .date-inside .day { font-size:20px; padding: 10px 0 0 0;text-align:center;} .blogpostcategory .date-inside .month, .singledefult .date-inside .month {font-size:14px;} .blogpostcategory .meta{margin:10px 0 10px 20px; width:85.66%; float:left;} .blogpostcategory .comment-inside .addthis_button, .singledefult .comment-inside .addthis_button {text-transform:uppercase;text-align:center;font-size:10px;color:#fff !important; text-shadow:none;} .blogpostcategory .comment-inside .addthis_button img, .singledefult .comment-inside .addthis_button img {height:16px; width:16px; float:left; margin:16px 20px 0px 22px;padding:0px;} .blogpostcategory .blogimage{background:#343434; padding:10px 10px 4px 10px;} .blogpostcategory .blogimage:hover {opacity:1;filter:alpha(opacity=100);} .blogpostcategory .overdefultlink{ display:block; background: url(images/hoverMask.png); opacity:0; filter:alpha(opacity=0); margin:10px; cursor:pointer; position:absolute; overflow: hidden; z-index:99 !important; width:580px; height:280px; } .blogpostcategory .overdefultlink:hover {opacity:1;filter:alpha(opacity=75);} .blogpostcategory .meta .category a, .item4 h4 a {cursor:pointer; padding:0px 0px 0px 7px; font-size:14px;margin-right:7px;font-weight:bold; height: 0; left: 0px; margin-top: 4px; } .item4 h4 a {padding: 10px 5px 2px 10px !important; height: 14px; float:left; position:relative; } .blogpost .posted-date a:hover, .blogpost .author a:hover {opacity:0.85;filter:alpha(opacity=85);} .blogpostcategory .meta .category, .singledefult .meta.category{height:25px;} .blogpostcategory .meta .category a:hover, .singledefult .meta .category a:hover {opacity:0.75;filter:alpha(opacity=75);} .blogpostcategory .blogcontent, .singledefult .blogcontent {margin:12px 0 0px 0; padding-top:17px; width:100% !important; background: url(images/mainBorderLine.png) repeat-x; } .blogpostcategory .authorblog, .singledefult .authorblog{float:left; padding-right:20px;font-size:14px;} .blogpostcategory .categoryblog, .singledefult .categoryblog {font-size:14px;} .blogpostcategory .blogmore{float:right;margin-bottom:30px;font-style:italic;font-weight:bold;} .blogpostcategory iframe{max-width:578px; height:320px; padding:10px;background:#343434;margin-bottom:-5px;} .blogpostcategory .socialsingle{float:left; padding:12px 10px 30px 0px;} #slider-category .anythingSlider .anythingWindow { overflow: hidden; position: relative; max-width:100%; height: auto; } #slider-category .slider-item IMG{ max-width:100%; height:auto;} .socialsingle .addthis_toolbox{margin:0px !important;} .socialsingle .addthis_toolbox a {padding-right:10px !important; float:left;} .projectdescription .socialsingle .addthis_toolbox a {padding-right:4px !important; float:left;} .singledefult .socialsingle .addthis_toolbox a {padding-right:0px !important;padding-left:10px !important; float:left;} .blogpostcategory .loading{background:url(images/loading-slider.gif) no-repeat; height:60px; width:60px; margin:110px auto;} .audioPlayerWrap {width:100%; height:40px; padding-top:7px;} .audioPlayerWrap .loading{background:url(images/loading.gif) no-repeat !important; height:40px; width:40px; margin:0 auto; } /*blog slider*/ #slider-category, .blogFullWidth #slider-category { position: relative !important; /*position must be relative*/ width: 580px !important; height: 280px ; padding:10px 10px 10px 10px;background:#343434;} .blogFullWidth #slider-category {float:left;width:400px !important; height:195px !important;} #slider-category .anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 600px !important; height: 280px !important; } .blogFullWidth #slider-category .anythingSlider .anythingWindow {overflow: hidden; position: relative; width: 400px !important; height: 195px !important;} #slider-category .slider-item IMG{ width:580px; height:280px;} .blogFullWidth #slider-category .slider-item IMG { width:470px !important; height:230px !important;} .blogFullWidth .content .entry {float: left;width: 510px;padding-left: 20px;} .blogFullWidth .content .link-category .entry {padding:15px 0 0 0px;width:930px;} .blogFullWidth .blogpostcategory .socialsingle {width:70%} .slider-category .anythingSlider {margin-top:0 !important;} .slider-category #slider{margin-top:0px;} /*end blog*/ .editlink {margin-top:27px;} .sentry p{padding-bottom:0; text-align:left;} .blogpost h2 { margin-bottom: 5px } .blogpost .datecomment { float:left; font-weight: bold; width: 320px; margin: 0;} .blogpost .datecomment span {font-weight:normal;} .blogpost .datecomment .link a{font-weight:bold;text-decoration:underline;} .blogpost .datecomment .link a:hover {text-decoration:none;} .blogpost .datecomment span {font-weight:normal;} .blogpost .datecomment .posted-date {margin-top:0px;} .blogpost .projectdescription .datecomment {padding:0px;line-height:26px;} .homewrap .image-gallery{margin: 9px 11px 2px 0px;} .homewrap .gallery-single img{margin-top: 0px !important;} .homewrap iframe{width:580px; height:300px; padding: 0px 10px 5px 0;margin-top:-5px;} .homewrap .tags{padding:4px 0 6px 15px; margin-left:0;} .homewrap .posttext img{max-width:580px;} .homewrap .homesingleleft{float:left; width:320px; margin:30px 0 0 0; padding:15px 0 20px 0;border-bottom:1px solid #CFCFCF;} .homewrap .homesingleright{float:right; width:600px; margin:30px 0 0 0;border-bottom:1px solid #CFCFCF;} .homewrap .blogpost .datecomment { padding:15px 10px 0px 15px; line-height:3em;} .homewrap .socialsingle { padding:20px 10px 15px 15px; margin:0 0 0 0px;} .homewrap .posttext {padding: 0 15px 10px 15px;} .homewrap .posttext img{margin-top:-5px;} .homewrap #main{margin:0 auto; padding: 5px 0px 30px 0px;} #showpost #main{margin:0 auto; padding: 18px 20px 0px 0px;} .fullwidth h1{ } .homesingleleft h1{ margin-bottom:18px !important; margin-left:15px; font-weight:bold;font-size:24px !important;} .homesingleright h1{margin:10px 0 18px 0;} .blogpost span.comments { float: right; padding: 0; } .blogpost span.comments a { color: #aaa; padding: 0; text-decoration: none; } .blogpost span.comments a:hover { color: #111 } .blogpost .entry { clear: both; overflow: hidden; margin: 15px 0; } .blogimg { background: url(images/blog.png) no-repeat 0 0px; width: 624px; height: 255px; margin: 10px 0 0 0; } .blogimg img { width: 600px; height: 234px; margin: 3px 0 0 3px; border: none; padding: 4px; } .postinfo { margin: 5px 0; float: right; font-size: 11px; } .post-edit-link { margin: 10px 0; float: right; } .blogpostsingle { margin: 25px 0 0 } .feat { width: 300px; float: left; margin: 20px 30px 20px 0; } /* *********************** -------------------------------------- -----------COMMENTS-------- -------------------------------------- ************************/ #reply-title{display:none !important;} .titleborder.comment{width:580px; } h3#comments{z-index:9;text-align:center;color:#2a2b2c; font-weight:bold; text-transform:none;height:30px; } h3#comments span {font-size:20px;line-height:22px;} .commenttitle{ border-radius:5px; width:60px; height:60px; color:#2a2b2c; z-index:1;display: table-cell;text-align: center;vertical-align: middle; float:left;} .commentfield {position:relative;float:left;} .commentlist > li:first-child > div{background:none;} .commentfieldarea ,.contactbutton{float:left; width:100%;} .content #comments { font-size: 13px !important; padding-top:12px;} .commentlist ul {margin-top:-70px ;} .content ol.commentlist { margin: 0; padding: 0; margin:0px; clear: both; overflow: hidden; list-style: none; padding-top:0px;} .content ol.commentlist li { display: block; margin: 0px 0 0 -20px; line-height: 1.65em;} .content ol.commentlist li .comment-author .fn a{position:relative; font-style: normal; font-size:18px;text-transform:capitalize;font-weight:bold;} .content ol.commentlist li .comment-author .fn a:hover{} .content ol.commentlist li .comment-author .commentsDate{color:#a1a0a0; font-style:italic;} .content ol.commentlist li .comment-author .commentsDate a {} .content ol.commentlist li .comment-author .commentsDate a:hover {} .content ol.commentlist li .comment-author .avatar {position:relative; margin: 25px 0 0 -25px;} .content ol.commentlist li .comment-meta { font-size: 10px; float: right; } .content ol.commentlist li .comment-meta a { color: #a7a7a7; text-decoration: none; } .content ol.commentlist li p { padding: 0px 0 0 0px; line-height: 1.65em; margin-top: 0px; text-shadow: 0 0 0 transparent,white 0px 1px 0px;} .commenttext {padding:15px 0 0 15px;} .commenttext p {margin:0} .content ol.commentlist li.odd { height: inherit; background: none !important; } .content ol.commentlist li.even { height: inherit; background: none !important;} #respond {padding: 0px 20px 0px 16px;float:right;margin-top:-5px;width:500px;} #respond #commentform { margin: 0; } #respond #commentform label { margin-left: 0px; display: inline;font-weight:bold; } #respond #commentform label small { color: #a0a0a0; } #respond #commentform textarea, #respond #commentform input { padding: 5px; margin: 0 10px 10px 0;background-color: #F8F8F8; background-color: rgba(0,0,0,0.15);font-size:12px !important; border: 1px solid #bbb; } #respond #commentform textarea:focus, #respond #commentform input:focus {color:#2a2b2c;outline: none; border: 1px solid #D9D9D9;} #respond #commentform input { width: 300px } #respond #commentform textarea { width: 500px; } #commentform { margin:0; float:left;} #commentform h3 { border-radius:5px; width:60px; padding: 22px 2px; color:#2a2b2c; z-index:1;display: table-cell;text-align: center;vertical-align: middle; font-size: 13px !important; text-transform:none;font-weight:bold; float:left;} #commentform #respond #commentform { margin: 0; } #commentform #respond #commentform label {font-weight:bold; margin-left: 0px; display: inline; } #commentform #respond #commentform label email{ margin-top: -20px; display: inline; } #commentform #respond #commentform label small { color: #a0a0a0; } #commentform #respond #commentform textarea, #commentform #respond #commentform input {color:#2a2b2c;float:left; outline: none !important; padding: 5px; margin: 0 10px 10px 0; background-color: #F8F8F8; background-color: rgba(0,0,0,0.15);font-size:12px !important; border: 1px solid #bbb; } #commentform #respond #commentform textarea:focus, #commentform #respond #commentform input:focus, #contactform .commentfieldarea textarea:focus, #contactform .commentfield input:focus{color:#2a2b2c;outline: none; border: 1px solid #7e7e7e;} #commentform #respond #commentform input { width: 508px;} #commentform #respond #commentform textarea { width: 508px;} #commentform #respond #commentform input#submit, #respond #commentform input#submit {width:150px;background:#2a2b2c; color: #fff;float: left; margin: 10px 0px 30px 0; padding: 10px; text-transform:none; opacity:1;border:none;font-size:13px !important; filter:alpha(opacity=100);} .content ol.commentlist li .reply a { padding:5px 10px 5px 10px; margin:10px 0px 20px 100px; float: right;background:#2a2b2c; color:#fff ; font-size: 13px; text-transform:none;} .comment { color: #555; position: relative; z-index: 1; list-style: none; display: block; padding: 0px 0 0 20px; } .comment-body { } .comment-body p{font-size:12px !important; color:#535252 !important; line-height:1.65em !important; } .navigation, .commentnav { clear: both; font-size: 11px; } .navigation .alignleft, .navigation .alignright, .commentnav .alignright, .commentnav .alignleft { width: 49%; overflow: hidden; padding: 10px 0; } .navigation .alignright, .comment-nav .alignright { text-align: right } .navigation a, .commentnav a { background: #eee; border: 1px solid #d0d0c9; padding: 10px; text-decoration: none; } .navigation a:hover, .comment-nav a:hover { border: 1px solid #c2c2c2; color: #6d6d6d; } .fullwidth { width: 100% } .fullwidth .thumblarge { margin-bottom: 20px } .specificComment{float: right; height:auto;background: #fff !important; max-width: 510px; padding:15px 0px 0px 10px; margin: 0px 0px 20px 0; border: 1px solid #e7e7e7; -moz-box-shadow: inset 0 0 15px #f1f1f1; -webkit-box-shadow: inset 0 0 15px #f1f1f1; box-shadow: inset 0 0 15px #f1f1f1; } .children .specificComment {margin-left:40px !important;max-width: 460px;} .children .children .specificComment {margin-left:60px !important;max-width: 440px;} .commentlist p{float:left;} .commentlist .avatar{background: #F8F8F8; margin: 15px 0 0 0px; height:80px; width:80px;background: #EEECEC url(images/avatarBackground.png) no-repeat; float:left; } .commentlist .avatar img{margin:5px; height:70px; width:70px;} .commentlist .commenttext {float: left; width: 75%;} /* *********************** -------------------------------------- ------------CONTACT FORM----------- -------------------------------------- *************************/ #review_form #respond {padding: 20px 20px 20px 0px; } #review_form #respond #commentform { margin: 0; } #review_form #respond #commentform label { display: inline;font-weight:bold; } #review_form #respond #commentform label small { color: #a0a0a0; } #review_form #respond #commentform textarea, #respond #commentform input { padding: 5px; margin: 0 10px 10px 0px;background-color: #F8F8F8; font-size:12px !important; border: 1px solid #ecebeb; border-bottom: 1px solid #D9D9D9;} #review_form #respond #commentform textarea:focus, #respond #commentform input:focus {color:#2a2b2c;outline: none; border: 1px solid #D9D9D9;} #review_form #respond #commentform textarea { margin-left: 20px; width: 500px; } #review_form #commentform { margin: 0px 0 -100px 0px; width:460px; padding-left: 20px;} #contactform label {font-weight:bold; } #contactform {width:620px;} #contactform .commentfieldarea textarea, #contactform .commentfield input {color:#2a2b2c;float:left; outline: none !important; padding: 5px; margin: 0 10px 10px 0; background-color: #F8F8F8; background-color: rgba(0,0,0,0.15);font-size:12px !important; border: 1px solid #bbb; } #contactform .commentfield input{ width:586px;} #contactform .commentfieldarea textarea{ width:586px; } #contactform .contactbutton .contact-button{cursor:pointer; width:150px; background-color: #2a2b2c;color: #fff; float: left; text-transform:none;font-size: 13px; font-weight:normal; margin: 10px 0px 20px 0; padding: 10px; opacity:1; filter:alpha(opacity=100); border:none !important; margin-right:10px;} #result{font-size:13px !important; color:#DC4D47; float:left;display:none;margin-bottom:15px;} #resultsuccess{font-size:13px !important; color:#91B458 !important; float:left;display:none;margin-bottom:15px;} .errorcontact{border: 1px solid #DC4D47 !important;} /* *********************** -------------------------------------- ------------SIDEBAR----------- -------------------------------------- *************************/ .sidebar {width: 285px; font-size: 12px; padding: 0 10px 0 0px; float: right; margin: 17px 0px 20px 0px; } .borderLine.sidebar {margin-top:0} .widget { margin: 0px 0 30px 10px;padding: 0px;border: none; background: none; float: left; width: 100%;} .widget h3{ margin:0; font-size: 18px !important; display: inline-block; padding: 0 8px 10px 0px !important; text-transform:none; font-weight:bold;} .widget .titleborder { position: absolute; margin-top: -33px; width: 285px; height: 3px; z-index: -1;} .widget p {color:#6f6f6f; font-size:12px; margin-bottom: 15px; line-height:1.65em; margin-top:-10px; } .widget_login p {margin-top:0px;} #footer .widget p { font-size:12px; margin-bottom: 15px; line-height:1.65em;text-shadow: none; margin-top:-10px; } .widget ul { list-style: none !important; margin: 0; padding: 0; } .widget ul .children { padding: 0; margin: 0; } #footer .widget{ border:none !important; margin:0; padding: 0 0 10px 0;background:none;} .widget ul li {float:none; padding: 0; margin: 0;} #footer .widget ul li:hover { background: none;} #footer .widget ul li {float:none; padding: 5px 0 10px 0; margin: 0; border-bottom: 1px dashed #808080; background: none; } #footer .pmc_twitters ul li:last-child {border-bottom:none;} #footer .widget .pagenav {float:left !important;} #footerbwrap {background:#2a2b2c;} .widget_rssfeed { font-size: 16px } .widget_rssfeed ul li.rss { background: url(images/rssfeed.png) 0 0 no-repeat; padding: 6px 0 10px 38px; } .widget_rssfeed ul li.email { background: url(images/mail.png) 0 0 no-repeat; padding: 6px 0 10px 38px; } .widget_rssfeed ul li.twitter { background: url(images/twitter.png) 0 0 no-repeat; padding: 6px 0 10px 38px; } .widget_search form div{ background:none; border:none; font-size:12px !important; padding: 5px; height:25px; width:276px; } .footer_widget .widget_search form div {background:none; border:none;width:200px;margin-top:0px;} .widget_search form div input { border: 0; background-color:#F8F8F8; padding: 5px; } .widget_search form div input{background:#ddd; background-color: rgba(150,150,150,0.2);} .widget_search form div input:focus{background:#ddd; background-color: rgba(100,100,100,0.2);} .footer_widget .widget_search form div input {background:#121212; background-color: rgba(0,0,0,0.2);} .footer_widget .widget_search form div input:focus {border:1px solid #444;background:#232323; background-color: rgba(0,0,0,0.3);} .widget_search form div input#keyword {outline:none; width: 266px; height:25px;margin-left:-5px;border:1px solid #bbb;color: #2a2b2c; } .footer_widget .widget_search form div input#keyword {outline:none; width: 208px; height:25px;margin-left:-5px;border:1px solid #444;color:#aaa; } .widget_search form div input#keyword:focus{border:1px solid #aaa;} .footer_widget .widget_search form div input#keyword {border:1px solid #444;} .footer_widget .widget_search form div input#keyword:focus { border:1px solid #666; } .widget_search form div input#keyword:focus form div{border: 1px solid #000; } .widget_search form div input#searchsubmit{width:0px; height:0px; background:none;display:none;} .widget .recentcomments { padding: 8px 20px; } .widget .racentW li img{float:left;} /* *********************** -------------------------------------- -----------WIDGETS--------- -------------------------------------- ************************/ .contact_mail, .contact_tel_local, .contact_tel_mob, .contact_msn, .contact_vcard{display:block; width:36px; height:36px;margin:0px; font-size:10px;text-transform:uppercase; } .widget.contact .contact_mail .widgettmailicon{ background: url(images/icon-contact-page-email.png) 5px 8px no-repeat; width:160px; height:36px;margin-top:-5px; } .widget.contact .contact_tel_mob .widgettmailicon{ background: url(images/icon-contact-page-mobile.png) 5px 5px no-repeat; width:160px; height:36px; padding:9px 0 0px 45px !important;} .widget.contact .contact_vcard .widgettmailicon{ background: url(images/icon-contact-page-vcard.png) 5px 5px no-repeat; width:160px; height:36px;} .widget.contact .contact_tel_local .widgettmailicon{ background: url(images/icon-contact-page-telephone.png) 5px 5px no-repeat; width:160px; height:36px;padding:9px 0 0px 45px !important;} .widget.contact .contact_msn .widgettmailicon{ background: url(images/icon-contact-page-msn.png) 5px 5px no-repeat; width:160px; height:36px;padding:9px 0 0px 45px !important;} .widget.contact a {float:left;padding:9px 0 0px 45px !important;text-transform:uppercase;} .footer_widget1, .footer_widget2, .footer_widget3, .footer_widget4 { width: 22.5%; position: relative; margin-right: 32px; padding: 30px 0 20px 0px; float: left; } .footer_widget4 {margin-right:0px;} .footer_widget .widget ul { list-style: none; margin: 0; } .footer_widget .widget del .amount, .footer_widget .widget .from{display:none;} .footer_widget .widget ul li { padding: 5px 0px; margin: 0; border-bottom: 1px dashed #333; border-top: none; } .footer_widget .widget ul li:last-child { border-bottom: none !important; } .wttitle h4 { padding:0px 0 0px 105px !important; } .wttitle a { font-size: 13px !important; font-weight:bold; line-height:18px !important;padding:0 0 10px 0px !important;letter-spacing: normal;} .details1 { color: #999; font-size: 11px; margin: -9px 0 0 5px; } .details2 { margin: -7px 0 0 20px; padding-left:85px;} .details3 { float:right; font-style:italic;padding-top:5px; font-size:12px;} .widgett { margin: 0px 0 15px 0; padding: 0; width: 285px; min-height: 55px;} .category_posts .widgett { margin: 0px 0 20px 0; background: #fff;border: 1px solid #eee;} .recent_posts .widgett { margin: 0px 0 20px 0; background: #fff;border: 1px solid #eee;} .widgett li{padding:0 0 0 0 !important;} .widgett a {display:inline !important; padding:0 !important; text-transform:none;} .widgett .imgholder {width:95px; height:50px; float: left; margin: 0px 0px 0 0; } .widgett .imgholder img {width: 85px; height: 55px;margin: 0px 0px 0px 0px;} .widgett .imgholder img:hover{opacity:0.75;filter:alpha(opacity=75);} .footer_widget .widgett { margin: 5px 0 0px 0; padding: 0; width: 220px;} .footer_widget .recent_posts li{border:none !important;} .footer_widget .wttitle h3 { color:#aaa !important} .category_posts2 { float: left; clear: both; overflow: hidden; } .widget-pics { width: 83px; height: 83px; float: left; margin: 0 9px 9px 0; padding: 0; } .widget-pics img { float: left; width: 75px; height: 75px; margin: 0; } .footer_widget .widget-pics.category_posts2 { float: left; clear: both; } .footer_widget .widget-pics { width: 83px; height: 83px; margin: 0 15px 15px 0; float: left; padding: 0; } .footer_widget .widget-pics img { width: 75px; height: 75px; } .footer_widget .pmc_twitters ul {margin-top:-15px !important;float:left !important;color:#aaa !important;} .footer_widget .pmc_twitters li .twitterContent {margin:0px 0 0 10px !important;font-size: 12px !important; letter-spacing: normal;} .footer_widget .pmc_twitters li {margin-bottom:0px !important; text-shadow:none !important;} .footer_widget .pmc_twitters ul li:hover {color:#aaa !important;} .footer_widget .wttitle a {font-size: 12px !important;line-height:13px !important;} .pmc_twitters li { background: url(images/blogLineSeparatorDot.png) repeat-x; background-position:bottom; padding-left:28px !important; padding-bottom:10px !important; margin-bottom:10px !important; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-shadow: 0 0 0 transparent,white 0px 1px 0px;} .pmc_twitters li:first-child .twitterContent{margin:-5px 0 0 10px;} .pmc_twitters li:last-child {padding-bottom:0px !important;background:none;} .pmc_twitters li .twitterContent{margin:0px 0 0 10px;} .pmc_twitters li .outsideTwitter{display:block;float:left;width:25px;height:25px;overflow:hidden;margin:0;margin:0px 0 0 -28px;} .pmc_twitters li .twitterBird{float:left;width:25px;height:25px;background: url(images/twitterBirdIconAnimate.png); background-repeat: no-repeat; background-position: 0 5px; cursor:pointer; } .footer_widget .widget_archive ul li, .footer_widget .widget_categories ul li{ padding:5px 5px 5px 25px !important; } .widget_pages ul li, .widget_links ul li, .widget_rss ul li, .widget_recent_entries ul li , .widget_recent_comments ul li, .widget_meta ul li, .widget_nav_menu ul li{padding:5px 5px 5px 0px !important;} .widget_categories a , .widget_archive a, .widget_pages a, .widget_links a, .widget_recent_entries a, .widget_recent_comments a, .widget_meta a, .widget_nav_menu a, .widget_rss a{ background: url(images/bulletSidebarSidebar.png) no-repeat 2px 3px; padding-left:15px; font-size:13px !important; font-weight:bold !important;} #footer .widget_categories a , #footer .widget_archive a, #footer .widget_pages a, #footer .widget_links a, #footer .widget_recent_entries a, #footer #footer .widget_meta a, #footer .widget_nav_menu a, #footer .widget_rss a{background: url(images/bulletSidebar.png) no-repeat 2px 3px;} .widget_nav_menu ul li a {display:inline; padding:0px 0 0px 15px !important; margin:0!important;font-size:12px !important; } .widget_nav_menu .menu {float:left;} .rsswidget{font-size:12px;color:#6f6f6f !important;} .widget_rss h3 a , .rsswidget h3{color: #25252C !important; font-size: 18px !important;} .widget_categories ul, .widget_archive ul, .widget_pages ul , .widget_links ul, .widget_rss ul, .widget_recent_entries ul, .widget_recent_comments ul, .widget_meta ul, .widget_nav_menu ul{margin-bottom:5px; margin-top:-5px !important;} .widget_categories li , .widget_archive li, .widget_pages li, .widget_links li, .widget_rss li, .widget_recent_entries li, .widget_recent_comments li, .widget_meta li, .widget_nav_menu li{display:block; padding:5px 5px 5px 0px !important; font-size:12px !important; color:#6f6f6f; background: url(images/blogLineSeparatorDot.png) repeat-x; background-position:bottom; } .sidebar .widget_categories li ,.sidebar .widget_archive li,.sidebar .widget_pages li,.sidebar .widget_links li,.sidebar .widget_rss li,.sidebar .widget_recent_entries li,.sidebar .widget_recent_comments li,.sidebar .widget_meta li,.sidebar .widget_nav_menu li {width:278px;} .widget_categories li:hover , .widget_archive li:hover{} .widget_categories li.current-cat {} .comment_posts h3{ } .comment_posts li{padding:10px 10px 10px 0px !important; margin-bottom:15px !important ;background-color:#F5F5F5; font-size:12px !important; border: 1px solid #dddcdc; border-bottom:1px solid #bbb; width:270px; color:#6f6f6f;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; /* For IE8 and earlier */} .footer_widget .comment_posts li{margin-bottom:10px !important ;background: url(images/commentBackground.png) no-repeat !important; width:220px; height:100px;color:#6f6f6f;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; /* For IE8 and earlier */} .footer_widget .comment_posts ul li{padding:5px !important;} .comment_posts li:hover{} .widget_recent_comments a, .widget_rss a {background:none;padding-left:0px;} .category_posts .details2, .recent_posts .details2 {font-size:13px !important;} .widget .current_page_ancestor, .widget .current-menu-item {border-top:none !important;} /* *********************** -------------------------------------- --------------FOOTER---------- -------------------------------------- ************************/ .socialfooter{float:left;width:100%; margin-bottom:15px;} .socialfooter .socialcategory {margin:-10px 0 0 0px;} .socialfooter h3{margin-top:15px;} .totop {position:fixed; right:30px; bottom:13px;z-index:99; } .gototop { height: 41px; width: 41px; z-index:9; cursor:pointer; text-align:center; border-radius:5px; overflow:hidden; } .arrowgototop{ background: url(images/goToTopArrow.png) no-repeat; position: relative; left:14px; top:16px; width: 24px; height: 90px; z-index:10; } .gototop:hover{opacity:0.7; filter:alpha(opacity=70);} #footer { position: relative; top: 120px; height: auto; clear: both; border-top:5px solid; } #footerinside { margin: 0 auto; width: 960px; } #footerinside h3 {line-height:1.35em;} #footerbwrap {border-top:1px solid #121212; padding: 0; height: 32px; clear: both; margin: 0; width: 100%; overflow: hidden; } #footerb .socialcategory {margin-top:8px; width:50%; float:left;} #footerb .socialcategory span{float:left; margin-top:4px;margin-right:20px;} #footerb { font-size: 11px; margin: 0 auto; padding: 0px 0; width: 960px; overflow: hidden; color:#aaa;} #footerb .copyright {padding: 6px 0; text-align: right; font-size: 11px; } #footerb .footernav{ float: left; width: 70%; display: inline; } #footerb .copyright { float: right; width: 30%; display: inline; } #footerb .footernav ul { overflow: hidden; margin: 0; padding: 0; list-style: none !important; margin-top:6px;width:100%;} #footerb .footernav ul li { float: left; list-style: none; padding: 0 15px 0 0; } #footerb .footernav ul li a:link, #footerb .footernav ul li a:visited, #footerb .footernav ul li a:active { color: #999; -webkit-transition: all 0.3s ease-in-out;color:#aaa; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .widget_tag_cloud a{ background:#1e1e20; background-color: rgba(30,30,30,1); border:none;color:#eaeaea!important; font-style:normal;font-size:12px !important; font-weight:bold; padding: 3px 8px 3px 8px;margin-bottom: 4px; display: inline-block;} #footer .widget_tag_cloud a{background:#121212; background-color: rgba(50,50,50,0.8);} .footer_widget .widget_links ul {margin-top:-10px;} .footer_widget .widget_links ul li{padding:10px 0 9px 0 !important; color:#aaa !important;} .footer_widget .widget_meta ul li, .footer_widget .widget_categories ul li, .footer_widget .widget_archive ul li, .footer_widget .widget_pages ul li {padding:10px 0 9px 0 !important; color:#aaa !important;} .footer_widget .widget_categories ul li:first-child, .footer_widget .widget_archive ul li:first-child, .footer_widget .widget_pages ul li:first-child {padding:6px 0 10px 0 !important;} .footer_widget .widget_meta ul li a, .footer_widget .widget_categories ul li a, .footer_widget .widget_archive ul li a, .footer_widget .widget_pages ul li a , .footer_widget .widget_nav_menu ul li a{font-size:12px !important;} .footer_widget .widget_nav_menu ul li a{display:inline;padding:0px 0 0px 15px !important; font-size:12px !important;} .footer_widget .widget_nav_menu ul li {padding:10px 0px 9px 0px !important;width:200px;} .footer_widget .widget_nav_menu ul li:first-child {padding:0px 0 9px 0 !important;} .footer_widget .widget_categories li , .footer_widget .widget_archive li, .footer_widget .widget_pages li, .footer_widget .widget_nav_menu li{background:none !important;} .footer_widget .category_posts .widgett, .footer_widget .recent_posts .widgett {margin:5px 0 10px 0;background: none;border: none;width:220px;} .recent_posts .widgett, .category_posts .widgett {float:left;margin:5px 0 5px 0;background: none;border: none;} .category_posts .widgett img,.recent_posts .widgett img {padding:4px; background:#343434;} .category_posts .widgett img:hover,.recent_posts .widgett img:hover {opacity:1;filter:alpha(opacity=100);} .footer_widget .pmc_twitters h3 {margin-left:-5px;} #footer .widget h3, .socialfooter h3{padding:0 0 15px 0 !important; margin-left:0px !important;background:none !important;display:block;text-transform:none;font-size:16px !important; color:#eaeaea;font-weight:bold;} .socialfooter h3 {padding:0 0 5px 0 !important;text-transform:none !important; } #footer .widget, #footer .widget a {color:#eaeaea;} /* *********************** -------------------------------------- ----------CALENDAR--------- -------------------------------------- ************************/ #calendar_wrap { margin: 0 } .sidebar #calendar_wrap { margin: 0; padding: 0 20px; } #wp-calendar { width: 100%; margin-bottom: 15px; clear: both; padding: 0; } #wp-calendar caption { padding: 10px; text-align: center; } #footer #wp-calendar caption {color:#aaa;} #wp-calendar th, #wp-calendar td { text-align: center; background: #333; color: #9E9E9E; padding: 5px; } #wp-calendar td { background: transparent } #footer #wp-calendar th, #wp-calendar td {background: #2a2b2c;border:1px solid #333 !important;} #wp-calendar td, table#wp-calendar th { padding: 3px 0 } /* *********************** -------------------------------------- ---------PAGENAVI---------- -------------------------------------- ************************/ .wp-pagenavi {border:1px solid #eee; display:block;height:26px;font-size:14px !important; background:#fff; clear: both; padding:0px 15px 0 0; margin: 0px 0px 20px 0; text-align: right; text-transform: uppercase; } .blog .wp-pagenavi {margin-top:0px;} .blogFullWidth .wp-pagenavi {width:935px;padding:0px 15px 0 0;} .portfolio .wp-pagenavi {width:945px;padding:0px 15px 0 0;margin-top:25px;} .wp-pagenavi a, .wp-pagenavi a:link {display:inline-block; padding-top:4px; width:30px;height:24px; margin: 0px 0px 40px 0; text-decoration: none; text-align:center; } .wp-pagenavi a:visited { text-decoration: none; } .wp-pagenavi a, .wp-pagenavi span{margin-right:2px !important;} .wp-pagenavi span.pages { float: left; padding:3px 0 0 15px;} .wp-pagenavi span.current {padding-top:4px; margin: -15px 0 0px 10px ;display:inline-block; width:30px;height:24px;text-align:center;} .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {display:inline-block; font-size:16px; padding-top:3px !important; width:30px;height:25px !important;} .wp-pagenavi .last {float:right; width:60px !important} /* *********************** -------------------------------------- -------SHORTCODES-------- -------------------------------------- ************************/ .infotextBorderSingle.short{margin:0 0 1.5em 0;} h2.trigger {color:#999; padding: 15px 10px 15px 50px; margin: 0; background: url(images/toggle.png) no-repeat 10px 25px; width: 100%; font-size: 20px; cursor: pointer; background-color:#F1F1F1; } h2.trigger:hover {background-color: #F7F7F7;color:#2a2b2c;} h2.trigger a { color: #fff; margin: 0; padding: 0; text-decoration: none; display: block; } h2.trigger a:hover { color: #ccc } h2.active { background-position: 10px -38px } .toggle_container { padding: 20px ;margin-bottom:20px; } .block { position: relative; float:left; height: inherit; overflow: hidden; margin-bottom: 0;border: 1px solid #eee; width:100%; margin-bottom:25px; } .black { background-color: #000; color: #fff; padding: 2px 3px; } .yellow { background-color: #FAF891; padding: 2px 3px; } .blue { background-color: #C9F5F2; padding: 2px 3px; } .green { background-color: #D1FAAF; padding: 2px 3px; } /*circle list*/ .circle ul { list-style: none !important; padding: 0; margin: 0; } .circle ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/bullet-circle-black.png) no-repeat 0 6px; } /*comment list*/ .commentlistshort ul { list-style: none !important; padding: 0; margin: 0; } .commentlistshort ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-comment.png) no-repeat 0 2px; } /*mail list*/ .maillist ul { list-style: none !important; padding: 0; margin: 0; } .maillist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-mail.png) no-repeat 0 2px; } /*plus list*/ .pluslist ul { list-style: none !important; padding: 0; margin: 0; } .pluslist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-plus.png) no-repeat 0 2px; } /*ribbon list*/ .ribbonlist ul { list-style: none !important; padding: 0; margin: 0; } .ribbonlist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-ribbon.png) no-repeat 0 2px; } /*settings list*/ .settingslist ul { list-style: none !important; padding: 0; margin: 0; } .settingslist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-settings.png) no-repeat 0 2px; } /*star list*/ .starlist ul { list-style: none !important; padding: 0; margin: 0; } .starlist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-star.png) no-repeat 0 2px; } /*image list*/ .imagelist ul { list-style: none !important; padding: 0; margin: 0; } .imagelist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-image.png) no-repeat 0 2px; } /*tick list*/ .ticklist ul { list-style: none !important; padding: 0; margin: 0; } .ticklist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-tick.png) no-repeat 0 2px; } /*settings list*/ .linklist ul { list-style: none !important; padding: 0; margin: 0; } .linklist ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-link.png) no-repeat 0 2px; } /*arrow list*/ .arrow ul { list-style: none !important; padding: 0; margin: 0; } .arrow ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/list-arrow.png) no-repeat 0px 2px; } .arrow_point ul { list-style: none !important; padding: 0; margin: 0; } .arrow_point ul li { margin: 5px 0 0 5px; padding-left: 25px; background: url(images/bullet.png) no-repeat 0px 8px; } .dropcap { display: block; float: left; font-size: 50px; line-height: 40px; margin: 5px 8px 0 0; } .question h3, .success h3, .info h3, .error h3 {line-height:20px; color: #fff !important; padding: 0px 20px 22px 70px; font-size:18px; text-shadow:0 1px 0 rgba(0,0,0,0.3); } .question h2, .success h2, .info h2, .error h2 {line-height:20px; color: #fff !important; padding: 0px 20px 22px 70px; font-size:20px; text-shadow:0 1px 0 rgba(0,0,0,0.3); } .question h1, .success h1, .info h1, .error h1 {line-height:20px; color: #fff !important; padding: 0px 20px 22px 70px; font-size:20px; text-shadow:0 1px 0 rgba(0,0,0,0.3); } .success { background: #80a310 url(images/successBoxIcon.png) 20px center no-repeat; margin:10px 0; } .question { background: #F6AD1F url(images/questionBoxIcon.png) 20px center no-repeat; margin:10px 0; } .info { background: #1BAACC url(images/infoBoxIcon.png) 20px center no-repeat; margin:10px 0; } .error { background: #CE4621 url(images/errorBoxIcon.png) 20px center no-repeat; margin:10px 0; } /*ribbon all*/ .ribbon{float:left; margin:10px 10px 10px 0;} /*ribbon red*/ .ribbon_left_red{background: url(images/ribbonRedLeft.png) center no-repeat; width:34px; height:40px; float:left;} .ribbon_center_red{background: url(images/ribbonRed.png) center repeat-x;min-width: 5px; display:inline-block; height:40px;float:left;} .ribbon_center_red a{padding:9px 15px 0 15px; display:inline-block;text-transform:uppercase; font-size:20px; color:#631c1b !important;text-shadow:0 1px 0 rgba(255,255,255,0.25);font-weight:bold;} .ribbon_right_red{background: url(images/ribbonRedRight.png) center no-repeat; width:22px; height:40px;float:left;} .ribbon_center_red a:hover {color:#631c1b !important;} /*ribbon blue*/ .ribbon_left_blue{background: url(images/ribbonBlueLeft.png) center no-repeat; width:34px; height:40px; float:left;} .ribbon_center_blue{background: url(images/ribbonBlue.png) center repeat-x;min-width: 5px; display:inline-block; height:40px;float:left;} .ribbon_center_blue a{padding:9px 15px 0 15px; display:inline-block;text-transform:uppercase; font-size:20px; color:#2e4c50 !important;text-shadow:0 1px 0 rgba(255,255,255,0.25);font-weight:bold;} .ribbon_right_blue{background: url(images/ribbonBlueRight.png) center no-repeat; width:22px; height:40px;float:left;} .ribbon_center_blue a:hover {color:#2e4c50 !important;} /*ribbon white*/ .ribbon_left_white{background: url(images/ribbonWhiteLeft.png) center no-repeat; width:34px; height:40px; float:left;} .ribbon_center_white{background: url(images/ribbonWhite.png) center repeat-x;min-width: 5px; display:inline-block; height:40px;float:left;} .ribbon_center_white a{padding:9px 15px 0 15px; display:inline-block;text-transform:uppercase; font-size:20px; color:#2a2b2c !important;text-shadow:0 1px 0 rgba(255,255,255,0.25);font-weight:bold;} .ribbon_right_white{background: url(images/ribbonWhiteRight.png) center no-repeat; width:22px; height:40px;float:left;} .ribbon_center_white a:hover {color:#2a2b2c !important;} /*ribbon green*/ .ribbon_left_green{background: url(images/ribbonGreenLeft.png) center no-repeat; width:34px; height:40px; float:left;} .ribbon_center_green{background: url(images/ribbonGreen.png) center repeat-x;min-width: 5px; display:inline-block; height:40px;float:left;} .ribbon_center_green a{padding:9px 15px 0 15px; display:inline-block;text-transform:uppercase; font-size:20px; color:#455a01 !important;text-shadow:0 1px 0 rgba(255,255,255,0.25);font-weight:bold;} .ribbon_right_green{background: url(images/ribbonGreenRight.png) center no-repeat; width:22px; height:40px;float:left;} .ribbon_center_green a:hover {color:#455a01 !important;} /*ribbon yellow*/ .ribbon_left_yellow{background: url(images/ribbonYellowLeft.png) center no-repeat; width:34px; height:40px; float:left;} .ribbon_center_yellow{background: url(images/ribbonYellow.png) center repeat-x;min-width: 5px; display:inline-block; height:40px;float:left;} .ribbon_center_yellow a{padding:9px 15px 0 15px; display:inline-block;text-transform:uppercase; font-size:20px; color:#875b05 !important;text-shadow:0 1px 0 rgba(255,255,255,0.25);font-weight:bold;} .ribbon_right_yellow{background: url(images/ribbonYellowRight.png) center no-repeat; width:22px; height:40px;float:left;} .ribbon_center_yellow a:hover {color:#875b05 !important;} /*accordion*/ .accordion{width:100%;margin-bottom:10px;display:inline-block} .accordion h3{ line-height:30px;padding: 1px 0 0 10px; } .accordion a {color:#2a2b2c !important;} .ui-accordion-content{border-bottom:1px solid #E2E2E2; border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2; padding:10px;} .ui-accordion-content p{margin:0px !important; } /*progress bar*/ .progressbar{height:20px; float:right;display:inline-block;border:1px solid #E2E2E2; width:100%;margin-bottom:10px;} .ui-progressbar-value{height:20px;} .success a { font-weight: bold; color: #66B500; } .question a { font-weight: bold; color: #CB2A19; } .info a { font-weight: bold; color: #0092F5; } .error a { font-weight: bold; color: #A58100; } /*tab*/ .tabsshort li {display:inline-block; padding:10px; position:relative; } .tabsshort li a{color:#2A2B2C !important;} .tabsshort li a:hover {display:inline-block; padding:10px; position:relative} .panes p{padding:5px} .panes h3{padding:5px} .tabwrap p {margin:0} .tabwrap {margin-bottom:30px} .panes {border: 1px solid #DDD; background: #EEE url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; margin-top:-1px} .tabwrap.tabsonly.ui-widget-content {border:none !important; background:none !important;} .tabwrap{float:left;width:100%;} blockquote.pullquote { width: 40%; float: left; margin: 0 10px; border: 0; font-style: italic; line-height: 150%; } blockquote.pushquote { width: 40%; float: right; margin: 0 10px; border: 0; font-style: italic; line-height: 150%; } .divider { background: url(images/break.png) center repeat-x line-height: 60px; position: relative; clear: both; } .dividertop { position: relative; background: url(images/break.png) center repeat-x; display: block; line-height: 60px; width: 100%; clear: both; font-size: 10px; } .dividertop a { float: right; color: #ccc; margin: 0 0 0 20px; } .break { background: none; line-height: 30px; position: relative; clear: both; } .pad { background: none; height: 0px; clear: both; } .padnoslider { background: none; height:0px; clear: both; } /* purche button */ .button_purche{display:inline-block; margin:5px; margin-left:0px;} .button_purche_left{ background: url(images/bigButtonsLeftPurchase.png) center no-repeat; width:51px;height:55px;float:left;} .button_purche_right{ background: url(images/bigButtonsRight.png) center repeat-x;height:55px; display:inline-block;float:left;padding:0px 20px 0 20px;} .button_purche_right_top{width:100%; font-size:16px !important;padding-top:13px;text-transform:uppercase; line-height:14px;} .button_purche_right_bottom{width:100%; font-size:13px !important;text-transform:capitalize;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .button_purche:hover{} .button_purche a:active{ } /* download button */ .button_download{display:inline-block;margin:5px; margin-left:0px;} .button_download_left{ background: url(images/bigButtonsLeftDownload.png) center no-repeat; width:51px;height:55px;float:left;} .button_download_right{ background: url(images/bigButtonsRight.png) center repeat-x;height:55px; display:inline-block;float:left;padding:0px 20px 0 20px;} .button_download_right_top{width:100%; font-size:16px !important;padding-top:13px;text-transform:uppercase; line-height:14px;} .button_download_right_bottom{width:100%; font-size:13px !important;text-transform:capitalize;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .button_download:hover{} .button_download a:active{ } /* search button */ .button_search{display:inline-block; margin:5px; margin-left:0px;} .button_search_left{ background: url(images/bigButtonsLeftSearch.png) center no-repeat; width:51px;height:55px;float:left;} .button_search_right{ background: url(images/bigButtonsRight.png) center repeat-x;height:55px; display:inline-block;float:left;padding:0px 20px 0 20px;} .button_search_right_top{width:100%; font-size:16px !important;padding-top:13px;text-transform:uppercase; line-height:14px;} .button_search_right_bottom{width:100%; font-size:13px !important;text-transform:capitalize;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .button_search:hover{} .button_search a:active{ } /*all butons*/ .buttonshort {margin:10px 20px 0px 0;float: left; display: inline-block;} .buttonshort img{width: 16px; height: 16px;padding-right:10px;padding-top:2px; float:left;} .buttonshort .iconbutton{ display: inline-block; float: left; width: 30px;} .buttonshort .buttonleft{float:left;} /*dark button */ .buttondark{ display:inline-block;cursor:pointer; background: #25252B; font-size: 13px; padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #111; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .buttondark a, .buttondark a:hover{ color: #EAEAEA !important; text-shadow: 1px 1px 0px black;} .buttondark:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */color: #FFF;border: 1px solid #111;} .buttondark a:active{ } /* blue button */ .buttonblue{ display:inline-block; cursor:pointer; background: #2689D5; font-size: 13px; padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #1777c1; } .buttonblue a, .buttonblue a:hover{ color: #EAEAEA !important; text-shadow: 1px 1px 0px black;} .buttonblue:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */color: #FFF;} .buttonblue a:active{ } /* red button */ .buttonred{ cursor:pointer; background: #CC3333; float: left; font-size: 13px; padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #ab1b1b; } .buttonred a, .buttonred a:hover{ color: #EAEAEA !important; text-shadow: 1px 1px 0px black;} .buttonred:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */color: #FFF;} .buttonred a:active{ } /* button black */ .buttonblack{ cursor:pointer; background: #1B1B1C; float: left; font-size: 13px; padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #000;} .buttonblack a, .buttonblack a:hover{ color: #EAEAEA !important; text-shadow: 1px 1px 0px black;} .buttonblack:hover{ background: #2689D5;color: #FFF;border: 1px solid #1777c1;} .buttonblack a:active{ } /*yellow button CSS3 */ .buttonyellow{ background-color:#FFC347; //background-color:#FFC044; cursor:pointer; float: left; font-size: 13px; padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #db9a3c; } .buttonyellow a, .buttonyellow a:hover{ color: #9d6736 !important; } .buttonyellow:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ } .buttonyellow a:active{ } /*green button CSS3 */ .buttongreen{ background-color:#85A51D; //background-color:#85A51D; cursor:pointer; float: left; font-size: 13px; padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #74930e; } .buttongreen a, .buttongreen a:hover{ color: #eaeaea !important; text-shadow: 1px 1px 0px black;} .buttongreen:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ } .buttongreen a:active{ } /*pink button CSS3 */ .buttonpink{ background-color:#f548ae; //background-color:#f548ae; cursor:pointer; float: left; font-size: 13px; padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #e13098; } .buttonpink a, .buttonpink a:hover{ color: #eaeaea !important;text-shadow: 1px 1px 0px black; } .buttonpink:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ } .buttonpink a:active{ } /*orange button CSS3 */ .buttonorange{ background-color:#E35E12; //background-color:#E35E12; cursor:pointer; float: left; font-size: 13px; padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #c84d06; } .buttonorange a, .buttonorange a:hover{ color: #eaeaea !important; text-shadow: 1px 1px 0px black;} .buttonorange:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ } .buttonorange a:active{ } /* MODERN BUTTONS */ /* yellow gradient*/ .buttonyellow_modern{ background-image: linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%); background-image: -o-linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%); background-image: -moz-linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%); background-image: -webkit-linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%); background-image: -ms-linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,188,64)), color-stop(1, rgb(255,217,91)) ); display: inline-block; border: 1px solid #db9a3c; -webkit-box-shadow: inset 0px 1px 1px #fff; -moz-box-shadow: inset 0px 1px 1px #fff; box-shadow: inset 0px 1px 1px #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; font-size: 12px; text-shadow: 0px 1px 1px #FFDA5B; float:left; color: #9d6736; text-align:center; padding: 9px 20px 8px 20px; background-color:#FFC044; } .buttonyellow_modern a, .buttonyellow_modern a:hover{ color: #9d6736 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);} .buttonyellow_modern:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ border: 1px solid #f4be6f; color: #9d6736;} .buttonyellow_modern a:active{ } /* red gradient */ .buttonred_modern{ background-image: linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%); background-image: -o-linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%); background-image: -moz-linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%); background-image: -webkit-linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%); background-image: -ms-linear-gradient(bottom, rgb(218,65,65) 0%, rgb(204,51,51) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(218,65,65)), color-stop(1, rgb(204,51,51)) ); display: inline-block; border: 1px solid #a20806; -webkit-box-shadow: inset 0px 1px 1px #f57c79; -moz-box-shadow: inset 0px 1px 1px #f57c79; box-shadow: inset 0px 1px 1px #f57c79; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; font-size: 12px; text-shadow: 0px 1px 1px #FFDA5B; float:left; text-align:center; padding: 9px 20px 8px 20px; background-color:#da4141; } .buttonred_modern a, .buttonred_modern a:hover{ color: #5c0301 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);} .buttonred_modern:hover{opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ border: 1px solid #d84440; color: #9d6736;} .buttonred_modern a:active{ } /* dark gradient */ .buttondark_modern{ background-image: linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%); background-image: -o-linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%); background-image: -moz-linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%); background-image: -webkit-linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%); background-image: -ms-linear-gradient(bottom, rgb(59,68,80) 0%, rgb(48,54,61) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(59,68,80)), color-stop(1, rgb(48,54,61)) ); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; border: 1px solid #26292c; -webkit-box-shadow: inset 0px 1px 1px #5a6c85; -moz-box-shadow: inset 0px 1px 1px #5a6c85; box-shadow: inset 0px 1px 1px #5a6c85; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; font-size: 12px; text-shadow: 0px 1px 1px #FFDA5B; float:left; color: #9d6736; text-align:center; padding: 9px 20px 8px 20px; background-color:#353b41; } .buttondark_modern a, .buttondark_modern a:hover{ color: #aeaeae !important; text-shadow: 0px 1px 1px #111;} .buttondark_modern:hover{ opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ border: 1px solid #2D3237; color: #9d6736;} .buttondark_modern a:active{ } /*blue*/ .buttonblue_modern{ background-image: linear-gradient(bottom, rgb(21,147,205) 0%, rgb(12,130,185) 100%); background-image: -o-linear-gradient(bottom, rgb(21,147,205) 0%, rgb(12,130,185) 100%); background-image: -moz-linear-gradient(bottom, rgb(21,147,205) 0%, rgb(12,130,185) 100%); background-image: -webkit-linear-gradient(bottom, rgb(21,147,205) 0%, rgb(12,130,185) 100%); background-image: -ms-linear-gradient(bottom, rgb(21,147,205) 0%, rgb(12,130,185) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(21,147,205)), color-stop(1, rgb(12,130,185)) ); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; border: 1px solid #066e9e; -webkit-box-shadow: inset 0px 1px 1px #4fbdf0; -moz-box-shadow: inset 0px 1px 1px #4fbdf0; box-shadow: inset 0px 1px 1px #4fbdf0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; font-size: 12px; text-shadow: 0px 1px 1px #FFDA5B; float:left; text-align:center; padding: 9px 20px 8px 20px; background-color:#1593cd; } .buttonblue_modern a, .buttonblue_modern a:hover{ color: #003c58 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);} .buttonblue_modern:hover{opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ border: 1px solid #137ccb; color: #9d6736;} .buttonblue_modern a:active{ } /*pink*/ .buttonpink_modern{ background-image: linear-gradient(bottom, rgb(245,72,173) 49%, rgb(232,50,156) 75%); background-image: -o-linear-gradient(bottom, rgb(245,72,173) 49%, rgb(232,50,156) 75%); background-image: -moz-linear-gradient(bottom, rgb(245,72,173) 49%, rgb(232,50,156) 75%); background-image: -webkit-linear-gradient(bottom, rgb(245,72,173) 49%, rgb(232,50,156) 75%); background-image: -ms-linear-gradient(bottom, rgb(245,72,173) 49%, rgb(232,50,156) 75%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.49, rgb(245,72,173)), color-stop(0.75, rgb(232,50,156)) ); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; border: 1px solid #c9137e; -webkit-box-shadow: inset 0px 1px 1px #f566ba; -moz-box-shadow: inset 0px 1px 1px #f566ba; box-shadow: inset 0px 1px 1px #f566ba; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; font-size: 12px; text-shadow: 0px 1px 1px #FFDA5B; float:left; text-align:center; padding: 9px 20px 8px 20px; background-color:#f548ad; } .buttonpink_modern a, .buttonpink_modern a:hover{ color: #9b025c !important;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);} .buttonpink_modern:hover{opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ border: 1px solid #c9137e; color: #9d6736;} .buttonpink_modern a:active{ } /*orange*/ .buttonorange_modern{ background-image: linear-gradient(bottom, rgb(238,111,37) 49%, rgb(227,95,18) 75%); background-image: -o-linear-gradient(bottom, rgb(238,111,37) 49%, rgb(227,95,18) 75%); background-image: -moz-linear-gradient(bottom, rgb(238,111,37) 49%, rgb(227,95,18) 75%); background-image: -webkit-linear-gradient(bottom, rgb(238,111,37) 49%, rgb(227,95,18) 75%); background-image: -ms-linear-gradient(bottom, rgb(238,111,37) 49%, rgb(227,95,18) 75%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.49, rgb(238,111,37)), color-stop(0.75, rgb(227,95,18)) ); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; border: 1px solid #c54f0b; -webkit-box-shadow: inset 0px 1px 1px #f48c51; -moz-box-shadow: inset 0px 1px 1px #f48c51; box-shadow: inset 0px 1px 1px #f48c51; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; font-size: 12px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); float:left; text-align:center; padding: 9px 20px 8px 20px; background-color:#f3742b; } .buttonorange_modern a, .buttonorange_modern a:hover{ color: #873202 !important;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);} .buttonorange_modern:hover{opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ } .buttonorange_modern a:active{ } /*green*/ .buttongreen_modern{ background-image: linear-gradient(bottom, rgb(133,165,29) 49%, rgb(123,153,23) 75%); background-image: -o-linear-gradient(bottom, rgb(133,165,29) 49%, rgb(123,153,23) 75%); background-image: -moz-linear-gradient(bottom, rgb(133,165,29) 49%, rgb(123,153,23) 75%); background-image: -webkit-linear-gradient(bottom, rgb(133,165,29) 49%, rgb(123,153,23) 75%); background-image: -ms-linear-gradient(bottom, rgb(133,165,29) 49%, rgb(123,153,23) 75%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.49, rgb(133,165,29)), color-stop(0.75, rgb(123,153,23)) ); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; border: 1px solid #6f8d0d; -webkit-box-shadow: inset 0px 1px 1px #a6c73b; -moz-box-shadow: inset 0px 1px 1px #a6c73b; box-shadow: inset 0px 1px 1px #a6c73b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; font-size: 12px; text-shadow: 0px 1px 1px #FFDA5B; float:left; text-align:center; padding: 9px 20px 8px 20px; background-color:#85a51d; } .buttongreen_modern a, .buttongreen_modern a:hover{ color: #4e6505 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);} .buttongreen_modern:hover{opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */ border: 1px solid #6f8d0d;} .buttongreen_modern a:active{ } /* *********************** -------------------------------------- ------------TABLES------------ -------------------------------------- ************************/ table { font-size: 11px; text-align: center; color: #2a2b2c; border: 1px solid #fff; border-collapse: collapse; } table th { background: #dedede; border: 1px solid #fff; padding: 8px; width: 100px; } table tr { background: #efefef } table td { border: 1px solid #fff; padding: 8px; width: 100px; } /* *********************** -------------------------------------- ------------SLIDER------------ -------------------------------------- *************************/ /*iosSlider*/ .containerOuter {height: 450px;overflow: hidden;} .container {position: relative;width: 100%;height: 450px;margin: 0 auto;overflow: visible;} .container .iosSliderContainer {width: 100%;height: 420px;margin: 0 0 0 0;overflow: visible;} .iosSlider {position: relative;top: 0;left: 0;overflow: visible;width: 100%;height: 420px;} .iosSlider .slider {width: 10000px;height: 100%; } .iosSlider .slider .item {float:left;height: 100%;width:940px; border-right:none;border-bottom:none; border-top:none; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; } .sliderHolder{margin:15px 8px 15px 7px; height:420px; overflow:hidden;} .iosSlider .slider .item img {width: 100%;height:420px;opacity:0.6 !important;filter:alpha(opacity=60) !important;} .iosSlider .slider .item.selected img { opacity:1 !important;filter:alpha(opacity=100) !important;} .item .showtext{opacity:0 !important;filter:alpha(opacity=0) !important;} .item.selected .showtext{opacity:1 !important;filter:alpha(opacity=100) !important;} .iosSlider .slider .item .text {position: absolute;bottom: 0;right: 0;width: 180px;height: 380px;padding: 20px;z-index:99;} .iphoneUI .iosSlider .slider .item .text {display: none;} .iosSlider .slider .item .text .bg {position: absolute;top: 0;right: 0;width: 220px;height: 420px;background: #000;opacity: 0.5;} .iphoneUI .iosSlider .slider .item .text .bg {display: none;} .iosSlider .slider .item .title {position: relative;top: 0;left: 0;} .iosSlider .slider .item .desc {position: relative;top: 0;left: 0;margin: 10px 0 0 0;font-size:14px !important;} .iosSlider .slider .item .desc span {color: #fff;} .textBottom {position:absolute; z-index:999; padding:20px; color:#fff; bottom:-15px; width:886px !important; font-size:40px;height:20px;overflow:hidden;} .iosSlider .slider .item.hover:hover .textBottom {height:380px;} .iosSlider .slider .item.selected:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .iosSlider .prevButton {position: absolute;top: 185px;left: 160px;width: 80px;height: 80px;border-radius:90px;background: #1e1e20 url(images/slideshowArrowBackward.png) no-repeat 0px 1px;background: rgba(30,30,30,0.5) url(images/slideshowArrowBackward.png) no-repeat 0px 1px;z-index: 99;} .iosSlider .nextButton {position: absolute;top: 185px;right: 160px;width: 80px;height: 80px;border-radius:90px;background: #1e1e20 url(images/slideshowArrowForward.png) no-repeat 0px 1px;background: rgba(30,30,30,0.5) url(images/slideshowArrowForward.png) no-repeat 0px 1px;z-index: 99;} .iosSlider .titleBottom {font-size:20px;padding-bottom:10px;} /*nivo slider*/ #nslider-wrapper {position:relative; width:100%; height: auto; padding: 0; margin-bottom:95px; top: 185px;} #page-template-slider #nslider-wrapper {position:relative; top:10px;} .sliderNivo {width:960px; margin:30px auto 0 auto;background:#1e1e20;} #nslidert{margin-bottom:110px !important;} #nslider img {width: 940px; height: 360px; position: relative; display: none !important; margin: 10px 0 0 10px !important; } #nslidert .hideimage {display: none !important; } .nivo-control img{display:block !important;} #nslider a { border: 0;} .sliderNivo{position: relative;margin: auto; width:940px; height:380px; padding:10px; z-index:9; } #nslider-wrapper .simple.sliderNivo{height:380px; top: 135px;} .page #nslider-wrapper{border-bottom:none;} .nivoSlider { position: relative; width: 940px; height: 380px; margin:0px 0 0 0px; background: url(images/loading-nivo.gif) no-repeat 50% 50%; } .usercontent .nivoSlider {border:10px solid #1e1e20;} .nivoSlider img { position: relative; width: 940px; height: 380px; } .nivoSlider a.nivo-imageLink { position: absolute; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; } .nivoSlider a{margin-left:10px; margin-top:10px;} /* ===[ The slices and boxes in the Slider ]=== */ .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; } .nivo-box { display: block; position: absolute; z-index: 5; } .nivo-directionNav a {border-radius:3px; position: absolute; top: 335px; z-index: 99; cursor: pointer; display: block; width: 20px; height: 20px; text-indent: -9999px; border: 0; } a.nivo-nextNav { right: 15px;} a.nivo-prevNav {left:873px; } a.nivo-prevNav:hover, a.nivo-nextNav:hover {opacity:0.75;} #roundabout { height: 348px } .nivo-caption p{padding:5px 0px 5px 10px;} .roundabout-holder { list-style: none; width: 480px; height: 340px; margin: 0px auto; } .roundabout-moveable-item { font-size: 12px!important; height: 340px; width: 750px; cursor: pointer; border: 4px solid #fff; } .roundabout-moveable-item img { height: 100%; width: 100%; margin: 0; } .roundabout-in-focus { cursor: auto } .roundabout-in-focus:hover { } .roundabout a:active, .roundabout a:focus, .roundabout a:visited { outline: none; text-decoration: none; } .roundabout li { margin: 0; z-index: 1; } a img { border: none; outline: 0; } .hiddendesc { display: none } .tooltip { display: none; background: transparent url(images/tooltip.png); font-size: 12px; height: 70px; width: 160px; padding: 25px; color: #fff; } #nslider .nivo-controlNav ,#nslidert .nivo-controlNav{ position:absolute; bottom:-100px; /* Put the nav below the slider */ text-align:center; width:100%; } #nslidert {border:10px solid #fff;} #nslidert .nivo-controlNav{background: #f4f3f3;height:100px;bottom:-100px;background: #fff;border-bottom: 1px solid #d7d7d7;width:960px; margin-left:-10px;} .nivoSlider .nivo-caption p{margin:0 !important;} #nslider .nivo-controlNav img ,#nslidert .nivo-controlNav img{ display:inline; /* Unhide the thumbnails */ position:relative; margin-top:-8px !important; margin-left:-1px !important; width:110px; height:65px; padding:5px; background: #343434; opacity:0.5;filter:alpha(opacity=50); } #nslider .nivo-controlNav img:hover ,#nslidert .nivo-controlNav img:hover{opacity:1;filter:alpha(opacity=100);} #nslider .nivo-control.active img,#nslidert .nivo-control.active img{opacity:1;filter:alpha(opacity=100);} .nivo-controlNav a { cursor: pointer; background: url(images/slideshowThumbHolder.png) no-repeat; width:122px;height:82px; display: inline-block;margin-top:20px !important;} @media all and (orientation:portrait) { } @media all and (orientation:landscape) { } @media screen and (max-device-width: 480px) { /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")" } abbr:after { content: " (" attr(title) ")" } .ir a:after { content: "" } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group } tr, img { page-break-inside: avoid } } /*anything slider*/ #slider { width:100%; list-style: none; overflow:hidden; margin:0px auto 0 auto; opacity:0;filter:alpha(opacity=0);} #slider img,.textSlide{ opacity:0;} #slider-wrapper .loading{background: #1e1e20 url(images/loading-slider.gif) 50% 20px no-repeat; height:80px; width:100%; padding:20px 0 0 0%; position:absolute; z-index:99;} #slider-wrapper-iframe {} #slider-wrapper{position:relative;width:100%; max-height:100px; min-height:100px !important; margin-bottom:50px; top: 135px;} .anythingSlider {margin: 0 auto; padding:0; overflow:hidden; display:block;} .projectdetails .anythingSlider {padding: 0;} .anythingSlider iframe{margin-top:30px;padding :0 0 0px 0px; width:740px;height:420px;border:10px solid #1e1e20; border:10px solid rgba(0,0,0,0.25);} .anythingSlider .iframes{position: relative; margin:0 auto; width:960px; height:500px;} .anythingSlider .images{position: relative; text-align: center;} .anythingSlider .images .check{width:100%;} #slider img{position:relative;z-index:90; max-height:500px;} .projectdetails #slider img {max-height:none;} .textSlide{position: absolute; text-align:left; z-index:99;} .textSlide li {list-style:none; font-size:14px;padding:0;color:#fff !important;} .textSlide img:hover { opacity:0.65 !important;} .textSlide .button {border-radius: 3px;float:left; background:#000;background-color: rgba(0,0,0,0.5);padding:10px; z-index:9999 !important; padding:5px 10px 5px 10px;cursor:pointer;margin:21px 0 0 20px;font-size:10px; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; text-transform:uppercase;} .iframes .textSlide .button {margin:16px 0 0 20px;} .textSlide .button a, .textSlide h1, .textSlide li {color:#fff;} .textSlide .button:hover {background-color: rgba(0,0,0,0.25);filter:alpha(opacity=50);} .textSlide .captionBox {background:#444;background-color: rgba(0,0,0,0.25);float:right;} .textSlide .box{background:#fff; padding:8px 0px 10px 20px; text-shadow:0 1px 0 rgba(0,0,0,0.1);} .textSlide h1 {margin-left:20px;} .textSlide h1.underline {width:20px; overflow:visible;white-space:nowrap;margin:0 0 15px 20px;padding:0 0 12px 0;} .textSlide li.object1,.textSlide li.top1,.textSlide li.top2,.textSlide li.top3, .textSlide li.top4, .textSlide li.bounceBall1, .textSlide li.bounceBall2, .textSlide li.bounceBall3, .textSlide li.bounceBall4,.textSlide li.bounceBall5,.textSlide li.bounceBall6{float:left; position:absolute;display:inline-block;} .textSlide li.object1 IMG, .textSlide li.top IMG,.textSlide li.top1 IMG,.textSlide li.top2 IMG,.textSlide li.top3 IMG, .textSlide li.top4 IMG, .textSlide li.bounceBall1 IMG, .textSlide li.bounceBall2 IMG, .textSlide li.bounceBall3 IMG, .textSlide li.bounceBall4 IMG,.textSlide li.bounceBall5 IMG,.textSlide li.bounceBall6 IMG{position:absolute !important;} .textSlide .box{background:#fff; padding:8px 0px 10px 20px; text-shadow:0 1px 0 rgba(0,0,0,0.1);} .textSlide .quote{margin:3px 0 0 20px; font-style:italic;font-size:16px;} .textSlide .quote2{float:left; font-style:italic;font-size:18px;} .textSlide li.bounceBall1 {z-index:10;} .textSlide li.bounceBall2 {z-index:11;} .textSlide li.bounceBall3 {z-index:12;} .textSlide li.bounceBall4 {z-index:9;} .textSlide li.bounceBall5 {z-index:14;} .textSlide li.bounceBall6 {z-index:15;} .textSlide ul{margin:0;} .textSlide h3{list-style:none; font-size:18px;} .nextbutton { overflow: hidden; padding: 0; position: absolute; bottom:25px; right:20px; cursor: pointer; width: 30px; height: 20px; z-index:100; } .prevbutton { overflow: hidden; padding: 0; position: absolute; bottom:25px; right: 42px; cursor: pointer; width: 30px; height: 0px; z-index:100 } .nextbutton { width: 20px; height: 20px; border-radius: 3px;background: #eee url(images/slideshowArrowForwardWhite.png) no-repeat 0px 0px !important;background: rgba(255,255,255,0.5) url(images/slideshowArrowForwardWhite.png) no-repeat 0px 0px !important;} .prevbutton { width: 20px; height: 20px; border-radius: 3px; background: #eee url(images/slideshowArrowForwardWhite.png) no-repeat 0px 0px!important;background: rgba(255,255,255,0.5) url(images/slideshowArrowBackwardWhite.png) no-repeat 0px 0px !important; } .nextbutton:hover, .prevbutton:hover {opacity:0.65;filter:alpha(opacity=65);} .anythingSlider .start-stop { display: none !important } .anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } .anythingBase { background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .anythingBase .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } .slidertip { outline: none; position: relative; text-decoration: none !important; } span.slidertip { display: inline-block; /* IE trick */ } .slidertip:hover .tooltip { opacity: 1 !important; visibility: visible; } .tooltip { padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; position: absolute; opacity: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); visibility: hidden; white-space: nowrap; width: 88px !important; white-space: normal !important; background-image: url(../img/slidertip-bg.png); z-index: 9999; height: 106px; background-repeat: no-repeat; } .tooltip.center { left: -48px; margin-left: 50%; right: auto; } .tooltip.top { bottom: 100%; margin-bottom: 0px; top: auto; } @media screen and (max-width:1281px) { .nextbutton { margin-left: 490px; } .prevbutton { margin-left: -550px;} } @media screen and (max-width:1025px) { .nextbutton { margin-left: 390px; } .prevbutton { margin-left: -440px;} } /* *********************** -------------------------------------- ---------------SOCIAL------------- -------------------------------------- *************************/ #social {margin-top:6px;} .fb-like{float:left;} #twitter{float:left;width:90px;} .g-plusone{float:left !important;} #sociallink{float:right; padding:0 5px 0 5px;color:#fff; width:190px;} .facebooklink{background: url(images/facebookPortfolioIcon.png) no-repeat 0px 5px; height:25px; width:25px; float:left; padding:3px;} .twitterlink{background: url(images/twitterPortfolioIcon.png) no-repeat 0 5px; height:25px; width:25px; float:left; padding:3px;} .dribble{background: url(images/dribbblePortfolioIcon.png) no-repeat 0 5px; height:25px; width:25px; float:left; padding:3px;} .vimeo{background: url(images/vimeoPortfolioIcon.png) no-repeat 0px 5px; height:25px; width:25px; float:left; padding:3px;} .emaillink{background: url(images/emailPortfolioIcon.png) no-repeat 0 5px; height:25px; width:25px; float:left; padding:3px;} .addthis_toolbox .emaillink{background: url(images/sendMailIcon.png) no-repeat 0 1px; } .projectdescription .emaillink {padding:0px;} .twitterlink.top {background: url(images/top-twitterIcon.png) no-repeat 0 2px; height:36px; width:36px; float:left; padding:3px;} .dribble.top{background: url(images/top-dribbbleIcon.png) no-repeat 0 2px; height:36px; width:36px; float:left; padding:3px;} .facebooklink.top{background: url(images/top-facebookIcon.png) no-repeat 1px 2px; height:36px; width:36px; float:left; padding:3px;} .emaillink.top{background: url(images/top-mailIcon.png) no-repeat 0 1px; height:36px; width:36px ; float:left; padding:3px;} .vimeo.top{background: url(images/top-vimeoIcon.png) no-repeat 0px 2px; height:36px; width:36px; float:left; padding:3px;} .youtube.top{background: url(images/top-youtubeIcon.png) no-repeat 0px 2px; height:36px; width:36px; float:left; padding:3px;} .facebooklink:hover, .twitterlink:hover, .dribble:hover, .vimeo:hover, .emaillink:hover{opacity:0.75;filter:alpha(opacity=75);} .socialsingle .emaillink{margin-right:5px !important;} .socialsingle .emaillink:hover {opacity:0.5;filter:alpha(opacity=50);} .gallery-single .emaillink{margin-left:20px !important;} .custom_images img{height:auto; width:auto;} .custom_images img:hover {opacity:0.75;filter:alpha(opacity=75);} .addthis_toolbox{float:left;margin:-10px ; width:100%;} #page-heading .socialsingle {margin-top:3px !important;margin-bottom:3px !important; margin-left:10px !important;} #page-heading .addthis_toolbox{margin:0px !important;} #page-heading .custom_images a {padding-right:10px !important;} #page-heading .emaillink {margin-left:0px !important;} .gallery-single .addthis_toolbox {margin-top:0px !important; } /* *********************** -------------------------------------- ---------------Isotope Filtering------------- -------------------------------------- *************************/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* *********************** -------------------------------------- ---------------Isotope CSS3 transitions------------- -------------------------------------- *************************/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .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; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } /* animations */ .iosSlider .slider .item img, .item .showtext { -webkit-transition: all 0.65s ease-in-out; -moz-transition: all 0.65s ease-in-out; -o-transition: all 0.65s ease-in-out; -ms-transition: all 0.65s ease-in-out; transition: all 0.65s ease-in-out; } #portitems2 h3, .item3 h3, .item4 h3, .item3 h3 a, .item4 h3 a, .homeRacent h3, .advertise .bx-prev, .advertise .bx-next, .related h4 a, .blogpostcategory h2 a, .content ol.commentlist li .comment-author .fn a, .content ol.commentlist li .reply a,.widgett a, .widget_categories a , .widget_archive a, .widget_pages a, .widget_links a, .widget_recent_entries a, .widget_recent_comments a, .widget_meta a, .widget_nav_menu a, .widget_rss a, .rsswidget, .gototop, .widget_tag_cloud a, .footer_widget .widget_links ul li a, .footer_widget .widget_meta ul li a, #nslider .nivo-controlNav img ,#nslidert .nivo-controlNav img, .facebooklink, .twitterlink, .dribble, .vimeo, .emaillink, .custom_images img, .image-gallery .over, .portcategories a, .homeBox .one_third { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #portitems2 h3 a, #portitems2 .image, .posttext img, .homeBox .one_fourth h2, .homeBox .one_fourth .boxDescription, .homeBox .one_fourth .boxImage, .homeBox .one_fourth .boxImage img, .homeRacent h3 a, #respond #commentform textarea, #respond #commentform input, #commentform #respond #commentform textarea, #commentform #respond #commentform input, #commentform #respond #commentform input#submit, #respond #commentform input#submit, #contactform .commentfieldarea textarea, #contactform .commentfield input , #contactform .contactbutton .contact-button, .widgett .imgholder img, h2.trigger, .buttonblue, .buttonred, .buttonblack, .buttonyellow, .buttongreen, .buttonpink, .buttonorange, .buttonyellow_modern, .buttonred_modern, .buttondark_modern, .buttonblue_modern, .buttonpink_modern, .buttonorange_modern, .buttongreen_modern, #contactform .contactbutton .contact-button, .widget_login .submitbutton, .nextbutton, .prevbutton, .related .one_third .image img, .cartTopDetails, a.button, button.button, input.button, #respond input#submit, #content input.button, .imagesSPAll .navigationSP, .productIframe.withsidebar, .productIframe.full { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #portitems2 .overdefult, #portitems2 .overLowerDefault, #portitems2 .overLowerDefaultBorder, .item3 .overdefult, .item4 .overdefult, .item3 .overLowerDefault, .item4 .overLowerDefault, .item3 .overLowerDefaultBorder, .item4 .overLowerDefaultBorder, .homeRacent .overdefult, .homeRacent .overLowerDefault, .homeRacent .overLowerDefaultBorder, .advertise img, .related .one_fourth .image img, .homeremove .catlink .sortingword, .projectdetails .blogsingleimage img, .home .bx-prev, .home .bx-next, .blogpostcategory .comment-inside, .blogpostcategory .date-inside, .projectdescription .portnavigation .portnext, .projectdescription .portnavigation .portprev, .homeRacent .one_third, .homeRacent.post .recentimage, .homeRacent.post .recentimage img,.widget_search form div input, .product_list_widget li img{ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } a, a:active, a:visited, .menu > li a strong, .leftContentSP .thumbnails img{ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .textSlide img, .widget_price_filter_custom .ui-slider .ui-slider-handle{ -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .nextbutton.port, .prevbutton.port, p.stars span a{ -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } body{ font-size:18px !important; } img.bordino{ /* border: 8px solid #2A2B2C !important; */ } .imageBox img{ margin-right:10px; } .homeRacent .descriptionHomePort { float:none; } .projectdescription span.link{ font-size:13px !important; } .canzonehome { line-height:1.3em !important; } .canzonehome a, .canzonehome a:hover{ color:white !important; font-weight:bold; padding:20px ; } .iosDescription a.overdefultlink, .iosDescription a.overdefultlink:hover{ color:white !important; font-weight:bold; } .titleBottom span{ text-transform:uppercase; } .page .homeRacent .bx-next { background: transparent url(slideshowArrowForward2.png) no-repeat 0px 1px !important; height:30px !important; width:30px !important; border-radius: 0px !important; margin-left:931px !important; } .page .homeRacent .bx-prev { background: transparent url(slideshowArrowBackward2.png) no-repeat 0px 1px !important; height:30px !important; width:30px !important; border-radius: 0px !important; margin-left:898px !important; } .page .homeRacent.portHome .bx-prev, .page .homeRacent.portHome .bx-next{ margin-top: -95px !important; } .iosSlider .nextButton { background-color: rgba(204, 51, 51, 0.3) !important; } .iosSlider .prevButton { background-color: rgba(204, 51, 51, 0.3) !important; } .titleBottom em{ padding-left:30px; font-size:80%; font-style:normal; } .team .description{ font-size:90%; } .homeRecent .portDate{ } img.aligncenter{ padding:0px !important; margin:0px !important; min-width:100% !important; } .error { background-color: #cc3333 ; } ul#menu-main-menu-1 > li.menu-item{ margin-left:20px !important; } h5.ytctitle{ background:rgb(204, 51, 51) !important; padding:10px; margin:8px 0px; } h5.ytctitle a{ color: white !important; } .idea{ padding:10px 10px 0px 25px; font-style:italic; color:#222; font-size:80%; float:left; text-align:center; color:white ; font-size:110%; } #give-gateway-option-paypal{ color:#cc3333 !important; } #give-gateway-option-offline{ color:black !important; } span.paypal{ color:#cc3333; font-weight:bold; } span.bonifico{ color:#000; font-weight:bold; } .give-payment-mode-label, h2.give-form-title{ display:none !important; } .give-donation-amount{ margin:40px auto !important; } .give-form{ border:1px solid red; padding:20px !important; background:#f8f8f8; } .give-label{ text-align:left; } legend{ display:none; } .sidebar .give-form{ margin-top:20px; } .artistiinprogramma{ background:#151821 !important; margin-top:0px; margin-bottom:0px; padding:20px 0px; } .artistiinprogramma .divider{ line-height:0px !important; } .artistiinprogramma a{ padding:0px 20px 0px 60px; line-height:40 px important; color: white !important; font-family: Oswald; font-size: 20px; font-weight: normal; background: transparent url(/wp-content/uploads/freccia.png) 25px 50% no-repeat; text-transform:uppercase; } .artistiinprogramma p{ padding:10px 0px 10px 0px !important; margin:0px !important; } .artistiinprogramma a:hover{ color: rgb(204, 51, 51) !important; } .artistiinprogramma a span{ color: rgb(204, 51, 51) !important; font-size: 40px; } .artistiinprogramma a:hover span{ color: white !important;} .archive .wp-post-image, .single-post .wp-post-image{ max-width:95% ;height:auto;}