/* ************************************************ Theme Name: Epic Theme URI: Description: The unique and equisite theme for companies and individuals with real taste. Author: Igniteflash & Weblusive Author URI: Version: 1.0 Tags: dark, light ************************************************ */ /* ------ Reset -------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 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%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } *{ margin:0; padding:0; } /* @font-face { font-family: 'Arimo'; src: url('fonts/arimo/Arimo-Regular-Latin-webfont.eot'); src: url('fonts/arimo/Arimo-Regular-Latin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/arimo/Arimo-Regular-Latin-webfont.woff') format('woff'), url('fonts/arimo/Arimo-Regular-Latin-webfont.ttf') format('truetype'), url('fonts/arimo/Arimo-Regular-Latin-webfont.svg#ArimoRegular') format('svg'); font-weight: normal; font-style: normal; } */ /*-----------Logo and Nav Bar-----------*/ .navbgd { background-color:#0c0c0c; } .navbar { padding-top:60px; height:100px; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(255, 255, 255); /* RGBa with 0.6 opacity */ background: rgba(255, 255, 255, 0.5); } .logo { padding-top:0px; padding-bottom:0px; margin-left:0px; margin-right:0px; margin-top:-5px; } .nav { padding-top:0px; } .mininav { padding-top:14px; padding-bottom:10px; text-align:left; padding-right:20px; font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#000000 0px 1px 0px; color:#cccccc; } .mininav a { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#000000 0px 1px 0px; color:#cccccc; padding: 5px; } .mininav a:hover { text-decoration:none; color:#ffffff; } .bar { background-repeat:repeat-x; height:45px; background-color:#545353; } /*-----------Type Settings-----------*/ html, body { border:0; margin:0; padding:0; } body { font:100%/1.25 'Arimo', arial, sans-serif; background:#fff url('images/background1.jpg') center top repeat; } /*-----------Headers-----------*/ h1, h2, h3, h4, h5, h6 { margin:0; font-weight:normal; } h1 { font-size:38px; font-family: 'Oswald', arial, sans-serif; color:#666666; padding:0 0 10px 0; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; } h1 a{ color:#111111; } h1 a:hover{ color:#999999; text-decoration:none; } h2 { font-size:26px; font-family: 'Oswald', arial, sans-serif; color:#666666; padding:0 0 10px 0; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; } h2 a{ color:#666666; } h2 a:hover{ color:#999999; text-decoration:none; } h3 { font-size:20px; font-family: 'Oswald', arial, sans-serif; color:#666666; padding:0 0 10px 0; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; } h3 a{ color:#666666; } h3 a:hover{ color:#999999; text-decoration:none; } h4 { font-size:16px; font-family: 'Oswald', arial, sans-serif; color:#666666; line-height:22px; padding:0 0 5px 0; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; } h4 a{ color:#666666; } h4 a:hover{ color:#999999; text-decoration:none; } h5 { font-size:13px; font-family: 'Arimo', arial, sans-serif !important; color:#666666; padding:0 0 5px 0; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; } h5 a{ color:#666666; } h5 a:hover{ color:#999999; text-decoration:none; } h6 { font-size:12px; font-style:italic; font-family: 'Arimo', arial, sans-serif; color:#666666; padding:0 0 5px 0; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; } h6 a{ color:#666666; } h6 a:hover{ color:#999999; text-decoration:none; } h6 span{ margin-left:20px; } h6 img{ margin-right:8px; } /*-----------Type Settings for Certain Sections-----------*/ p, .button { font-family: 'Arimo', arial, sans-serif; font-size:12px; line-height:20px; margin:0; padding:0 0 10px 0; color:#666666; } p span { color:#ffffff; } p a { color:#317baf; } p a:hover { color:#999999; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; }f .footer ul, footer ol, .sidebar ul, sidebar ol, #tabs ul, ol{ font-family: 'Arimo', arial, sans-serif; font-size:12px; line-height:20px; margin:0; padding:0 0 1.25em 0; color:#555555; } /*-----------Links-----------*/ a, a:link, a:visited, a:hover { text-decoration:none; } body{min-width:960px} .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px;} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:0px;margin-right:20px;padding-top:0px;} .push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative} .container_12 .grid_3,.container_16 .grid_4{width:220px} .container_12 .grid_6,.container_16 .grid_8{width:460px} .container_12 .grid_9,.container_16 .grid_12{width:700px} .container_12 .grid_12,.container_16 .grid_16,.container_12 .grid_12_pad{width:960px} .container_12 .grid_18{width:960px} .alpha{margin-left:0} .omega{margin-right:0} .container_12 .grid_1{width:60px} .container_12 .grid_2{width:140px} .container_12 .grid_4{width:300px} .container_12 .grid_5{width:380px} .container_12 .grid_7{width:540px} .container_12 .grid_8{width:620px} .container_12 .grid_9{width:660px} .container_12 .grid_10{width:780px} .container_12 .grid_11{width:860px} .container_16 .grid_1{width:40px} .container_16 .grid_2{width:100px} .container_16 .grid_3{width:160px} .container_16 .grid_5{width:280px} .container_16 .grid_6{width:240px} .container_16 .grid_7{width:400px} .container_16 .grid_9{width:520px} .container_16 .grid_10{width:580px} .container_16 .grid_11{width:640px} .container_16 .grid_13{width:760px} .container_16 .grid_14{width:820px} .container_16 .grid_15{width:880px} .container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px} .container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px} .container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px} .container_12 .prefix_1{padding-left:80px} .container_12 .prefix_2{padding-left:160px} .container_12 .prefix_4{padding-left:320px} .container_12 .prefix_5{padding-left:400px} .container_12 .prefix_7{padding-left:560px} .container_12 .prefix_8{padding-left:640px} .container_12 .prefix_10{padding-left:800px} .container_12 .prefix_11{padding-left:880px} .container_16 .prefix_1{padding-left:60px} .container_16 .prefix_2{padding-left:120px} .container_16 .prefix_3{padding-left:180px} .container_16 .prefix_5{padding-left:300px} .container_16 .prefix_6{padding-left:360px} .container_16 .prefix_7{padding-left:420px} .container_16 .prefix_9{padding-left:540px} .container_16 .prefix_10{padding-left:600px} .container_16 .prefix_11{padding-left:660px} .container_16 .prefix_13{padding-left:780px} .container_16 .prefix_14{padding-left:840px} .container_16 .prefix_15{padding-left:900px} .container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px} .container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px} .container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px} .container_12 .suffix_1{padding-right:55px;} .container_12 .suffix_2{padding-right:160px} .container_12 .suffix_4{padding-right:320px} .container_12 .suffix_5{padding-right:400px} .container_12 .suffix_7{padding-right:560px} .container_12 .suffix_8{padding-right:640px} .container_12 .suffix_10{padding-right:800px} .container_12 .suffix_11{padding-right:880px} .container_16 .suffix_1{padding-right:60px} .container_16 .suffix_2{padding-right:120px} .container_16 .suffix_3{padding-right:180px} .container_16 .suffix_5{padding-right:300px} .container_16 .suffix_6{padding-right:360px} .container_16 .suffix_7{padding-right:420px} .container_16 .suffix_9{padding-right:540px} .container_16 .suffix_10{padding-right:600px} .container_16 .suffix_11{padding-right:660px} .container_16 .suffix_13{padding-right:780px} .container_16 .suffix_14{padding-right:840px} .container_16 .suffix_15{padding-right:900px} .container_12 .push_3,.container_16 .push_4{left:240px} .container_12 .push_6,.container_16 .push_8{left:480px} .container_12 .push_9,.container_16 .push_12{left:720px} .container_12 .push_1{left:80px} .container_12 .push_2{left:160px} .container_12 .push_4{left:320px} .container_12 .push_5{left:400px} .container_12 .push_7{left:560px} .container_12 .push_8{left:640px} .container_12 .push_10{left:800px} .container_12 .push_11{left:880px} .container_16 .push_1{left:60px} .container_16 .push_2{left:120px} .container_16 .push_3{left:180px} .container_16 .push_5{left:300px} .container_16 .push_6{left:360px} .container_16 .push_7{left:420px} .container_16 .push_9{left:540px} .container_16 .push_10{left:600px} .container_16 .push_11{left:660px} .container_16 .push_13{left:780px} .container_16 .push_14{left:840px} .container_16 .push_15{left:900px} .container_12 .pull_3,.container_16 .pull_4{left:-240px} .container_12 .pull_6,.container_16 .pull_8{left:-480px} .container_12 .pull_9,.container_16 .pull_12{left:-720px} .container_12 .pull_1{left:-80px} .container_12 .pull_2{left:-160px} .container_12 .pull_4{left:-320px} .container_12 .pull_5{left:-400px} .container_12 .pull_7{left:-560px} .container_12 .pull_8{left:-640px} .container_12 .pull_10{left:-800px} .container_12 .pull_11{left:-880px} .container_16 .pull_1{left:-60px} .container_16 .pull_2{left:-120px} .container_16 .pull_3{left:-180px} .container_16 .pull_5{left:-300px} .container_16 .pull_6{left:-360px} .container_16 .pull_7{left:-420px} .container_16 .pull_9{left:-540px} .container_16 .pull_10{left:-600px} .container_16 .pull_11{left:-660px} .container_16 .pull_13{left:-780px} .container_16 .pull_14{left:-840px} .container_16 .pull_15{left:-900px} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;margin:20px} .clearsmall{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;margin:10px} .clearnospacing{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;margin:0px} .clearsidebar{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;margin-bottom:10px} .clearfooter{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;margin:-15px} .cleargallery{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .clearfix:before,.clearfix:after{content:'\0000';display:block;overflow:hidden;visibility:hidden;width:0;height:0} .clearfix:after{clear:both} .clearfix{zoom:1} /* navigation */ #menu a{color:#ffffff;font-size:14px;font-family: 'Oswald', arial, sans-serif;text-decoration:none; word-wrap:break-word;} #menu ul { list-style-type:none;} #menu{height:15px;width:680px;float:right;} #menu ul{margin-left:-20px;padding:0px;position:absolute;line-height:50px;z-index:500;} .sf-menu>li:last-child{margin-right:0 !important} #menu ul a{float:left;display:block;padding:5px 20px 5px 20px;line-height:35px; z-index:500;margin-top:-5px;} #menu ul li{float:left;position:relative;padding-bottom:0px;z-index:20;margin-left:20px;margin-right:20px;} #menu ul ul{display:none;margin:0px 0px 0px 0px;top:40px;left:0px;width:160px;} #menu ul ul a{margin:0px;line-height:22px;} #menu ul li li{margin:0px;width:160px;} #menu ul ul ul{top:auto;padding-top:10px;padding-bottom:10px;} #menu ul li ul a{float:left;width:120px;} #menu ul li ul ul{top:0px;left:162px;} #menu ul li:hover ul ul, #menu ul li:hover ul ul ul, #menu ul li:hover ul ul ul ul { display:none; } #menu ul li:hover ul, #menu ul li li:hover ul, #menu ul li li li:hover ul, #menu ul li li li li:hover ul { display:block; } #menu .icon {background:url('images/navicon.png') no-repeat right;} /* main nav */ #menu ul li{font-size:13px;background:none;} #menu ul a{color:#666666;font-weight:normal;border:none;text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px;} #menu ul a:hover{color:#5fa3d2;} /* sub nav */ #menu ul ul{padding-top:10px;padding-bottom:10px;box-shadow: 1px 1px 3px #888888;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;background: rgb(255, 255, 255);/* RGBa with 0.6 opacity */background: rgba(255, 255, 255, 0.8);} #menu ul ul li{} #menu ul ul a{color:#666666;font-weight:normal;font-size:13px;font-family: 'Arimo', arial, sans-serif;text-shadow:0 0 0 transparent,#ffffff 0px 0px 0px;} #menu ul ul li{border-top:#444444 solid 0px;border-bottom:#222222 solid 0px;} #menu ul ul li:first-child{border-top:#444444 solid 0px;-webkit-border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;border-radius:6px 6px 0px 0px;} #menu ul ul li:last-child{border-bottom:#222222 solid 0px;-webkit-border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;border-radius:0px 0px 6px 6px;} #menu ul ul a:hover{color:#666666;text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.05); } /* current main nav */ #menu .current{background-position:center 34px;background-repeat:no-repeat;} #menu ul .current > a, #menu ul .current-menu-item > a, #menu ul .current_page_item > a, #menu ul .current_page_parent > a, #menu ul .current-menu-parent > a{color:#5fa3d2 !important;text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px !important;} #menu ul .current a:hover{color:#5fa3d2;text-shadow:0 0 0 transparent,#ffffff 0px 0px 0px;} /* current sub nav */ #menu ul .current ul a{color:#666666;background:none;text-shadow:0 0 0 transparent,#ffffff 0px 0px 0px;} #menu ul .current ul a:hover{color:#666666;text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px;/* Fallback for web browsers that doesn't support RGBa */background: rgb(0, 0, 0);/* RGBa with 0.6 opacity */background: rgba(0, 0, 0, 0.05);} /*-----------General Text Link Colors-----------*/ .footer a { color:#cccccc; } /*-----------Copyright Styling and Crumb Navigation-----------*/ .bottombar {padding-left:0px;padding-right:0px;padding-top:10px;background-repeat:no-repeat;background-position:center;height:51px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.9); position:relative;} .copyright {display:inline;float: left;font-family: 'Arimo', arial, sans-serif;text-shadow:0 0 0 transparent,#000000 0px 1px 0px;font-size:12px;line-height:18px;margin:0 0 0 0;padding:4px 0 0 0;color:#999999;} .crumb_navigation ul {float: right;margin: 0;padding: 10px 0 0;} .crumb_navigation ul li {display: inline;margin-left: 10px;} .crumb_navigation ul a {color: #999999;font-family: 'Arimo',arial,sans-serif;font-size: 12px;line-height: 0;margin: 0;padding: 5px;text-shadow: 0 0 0 transparent, 0 1px 0 #000000;} .crumb_navigation ul a:hover {color: #FFFFFF;} .subtext {margin-top:4px;font-size:12px;font-family: 'Arimo', arial, sans-serif;text-shadow:0 0 0 transparent,#000000 0px 1px 0px;color:#999999; } .subtext a {padding:0 0 10px 0;font-size:12px;font-family: 'Arimo', arial, sans-serif;text-shadow:0 0 0 transparent,#000000 0px 1px 0px;color:#999999;} .subtext a:hover {color:#ffffff;} #breadcrumb-container{float: right;margin:0 0 0 0;padding:10px 0 0 0;} #breadcrumb-container span{display:inline; margin-left:10px;} #breadcrumb-container a, #breadcrumb-container span{color:#666;font-family: 'Arimo', arial, sans-serif;text-shadow:0 0 0 transparent,#fff 0px 1px 0px;font-size:12px;line-height:0px;margin:0 0 0 0;padding: 5px;} #breadcrumb-container a:hover{color:#333;} .pagetitle1 h2{float:left; padding-bottom:0px; text-transform:uppercase} /*-----------Misc Settings-----------*/ .bgdcolor { background-color:#ffffff; } #w2b-StoTop { cursor: pointer; } .toTop{font-family: 'Arimo', arial, sans-serif; margin-top:4px} .tip { font-family: 'Arimo', arial, sans-serif; font-size:12px; display:none; /*--Hides by default--*/ padding:8px; position:absolute; z-index:1000; color: #666666; background-color:#ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e4e4'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e4e4)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ffffff, #e5e4e4); /* for firefox 3.6+ */ border: 1px #cccccc solid; text-shadow:0 0 0 transparent, 0 1px 0px #ffffff; -moz-box-shadow: 0 1px 0px #ffffff; -webkit-box-shadow: 0 1px 0px #ffffff; -webkit-border-radius:14px 14px 14px 14px; -moz-border-radius:14px 14px 14px 14px; border-radius:14px 14px 14px 14px; } .socialbar { float:right; margin-right:0px; margin-top:-4px; border-bottom:#444444 solid 0px; padding-top:0px; padding-bottom:12px; padding-right:0px; } .socialbar img{ opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } .socialbar img:hover{ opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } .alignleft { float:left; margin-right:15px; padding-bottom:10px; } .alignright { float:right; margin-left:15px; padding-bottom:10px; } .alignleftnopad { float:left; margin-left:10px; } .alignrightnopad { float:right; margin-right:10px; } .aligncenter { text-align:center; padding-bottom:15px; } .homevideo{ margin-top:0px; width:920px; border: solid 10px #ffffff; box-shadow: 1px 1px 3px #777777; background-color:#000000; } .video{ border: solid 10px #ffffff; box-shadow: 1px 1px 3px #777777; background-color:#000000; } .slideshow{ text-align:left; padding-top:0px; padding-bottom:0px; font-family: 'Oswald', arial, sans-serif; text-shadow:0 0 0 transparent,#000000 0px 1px 0px; } .contentaligncenter { padding-top:30px; margin-bottom:30px; margin-left:0px; margin-right:20px; } .blockquote { font-size:16px; font-family: 'Times New Roman', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; font-style: italic; color:#777777; text-align:left; line-height: 20px; border-top:#222222 solid 0px; border-bottom:#222222 solid 0px; border-left:#cccccc solid 3px; margin-bottom:8px; margin-right:10px; padding:10px; } .blockquote span { font-size:16px; font-family: 'Times New Roman', arial, sans-serif; color:#666666; text-align:left; } #testimonials { height:100%; list-style-type: none; padding:20px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; text-align:center; border: solid 10px #ffffff; background-color:#e4e4e5; box-shadow: 1px 1px 3px #777777; } #testimonialsimageonly { height:184px; list-style-type: none; padding:0px; margin:0px; text-align:center; border: solid 10px #ffffff; background-color:#e4e4e5; box-shadow: 1px 1px 3px #777777; } #testimonials .slide { font-size:20px; font-style:normal; font-family: 'Times New Roman', arial, sans-serif; color:#777777; position: relative; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; line-height:26px; } #testimonials .slide span { font-size:14px; font-family: 'Times New Roman', arial, sans-serif; color:#666666; font-style:italic; position: relative; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; margin-left:20px; line-height:36px; } #testimonials .slide span a{ color:#888888; } #testimonials .slide span a:hover{ color:#ffffff; } #testimonials .slide img{ margin-bottom:10px; } .quote { height:100%; list-style-type: none; padding:20px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; text-align:center; border: solid 10px #ffffff; background-color:#e4e4e5; box-shadow: 1px 1px 3px #777777; } .quote .static { font-size:20px; font-style:normal; font-family: 'Times New Roman', arial, sans-serif; color:#777777; position: relative; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; line-height:26px; } .quote .static span { font-size:14px; font-family: 'Times New Roman', arial, sans-serif; color:#666666; font-style:italic; position: relative; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; margin-left:20px; line-height:36px; } .quote .static span a{ color:#888888; } .quote .static span a:hover{ color:#ffffff; } .aligncenterbigtext h6 { text-shadow:0 0 0 transparent, 2px 2px 2px #000000; } img.alignleft { background:#f3f3f3; padding:4px; border:1px solid #cccccc; box-shadow: 0px 2px 2px #e3e3e3; } img.alignright { background:#f3f3f3; padding:4px; border:1px solid #cccccc; box-shadow: 0px 2px 2px #e3e3e3; } .hover { background:url(images/enlarge.png) 50% 50% no-repeat; } .divider { margin-top:40px; margin-bottom:40px; margin-left:0px; margin-right:0px; border-top:1px solid #cccccc; border-bottom:1px solid #ffffff; background-position:center; background-repeat: repeat-x; height: 0px; width:100%; } .dividerblog { margin-top:10px; margin-bottom:15px; margin-left:0px; margin-right:0px; border-top:1px solid #cccccc; border-bottom:1px solid #ffffff; background-position:center; background-repeat: repeat-x; height: 0px; width:100%; } .dividernospacing { margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; border-top:1px solid #cccccc; border-bottom:1px solid #ffffff; background-position:center; background-repeat: repeat-x; height: 0px; width:100%; } .divider.slim { margin:0 0 20px 0; } .divider span { background:url(images/textured-light-bg.gif) repeat; padding:0 20px; } .divider.contact { height: 22px; } .dividerband { margin:0px 0 0px 0; text-align:center; background:url(images/divpixel.gif) repeat-x center; height: 2px; } .divider h5 { margin-top:5px; } .relative { position:relative; } .imageinset { margin-right:10px; margin-bottom:-1px; } .black { color:#ffffff; text-shadow:0 0 0 transparent,#000000 0px 0px 0px; background-color:#000000; } .blue { color:#ffffff; text-shadow:0 0 0 transparent,#000000 0px 0px 0px; background-color:#0000ff; } .red { color:#ffffff; text-shadow:0 0 0 transparent,#000000 0px 0px 0px; background-color:#ff0000; } .green { color:#ffffff; text-shadow:0 0 0 transparent,#000000 0px 0px 0px; background-color:#008000; } /*-----------Details-----------*/ .details h5 a { color:#317baf; line-height:10px; } .details h5 a:hover { color:#999999; } /*-----------Recent Work-----------*/ .latest { margin:0px 0 0 0; overflow:hidden; padding-bottom:20px; } .latest img, #tabs .panel img, img.frame { border: solid 10px #ffffff; box-shadow: 1px 1px 3px #777777; } /*-----------Button Styles-----------*/ .button { display: inline-block; text-decoration: none; font-weight: normal; line-height: 1 !important; position: relative; cursor: pointer; font-style:normal; letter-spacing:normal; margin-top: 5px; } .button:hover, .button:active, .button.current { color:#ffffff; background-color: #555555; text-shadow:0 0 0 transparent, 0 1px 0px #000000; } .small.button { font-size: 12px; font-family:'Arimo', arial, sans-serif; padding:7px 15px; line-height:24px } .medium.button { font-size: 14px; font-family:'Oswald', arial, sans-serif; padding:15px 25px 15px 25px; } .large.button { font-size: 18px; font-family:'Oswald', arial, sans-serif; padding:18px 28px 18px 28px; } .normal.button{ color: #666666; background-color:#ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e4e4'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e4e4)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ffffff, #e5e4e4); /* for firefox 3.6+ */ border: 1px #cccccc solid; text-shadow:0 0 0 transparent, 0 1px 0px #ffffff; -moz-box-shadow: 0 1px 0px #ffffff; -webkit-box-shadow: 0 1px 0px #ffffff; } .normal.button:hover { color: #666666; background-color:#ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d6d6'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d7d6d6)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ffffff, #d7d6d6); /* for firefox 3.6+ */ border: 1px #cccccc solid; text-shadow:0 0 0 transparent, 0 1px 0px #ffffff; -moz-box-shadow: 0 1px 0px #ffffff; -webkit-box-shadow: 0 1px 0px #ffffff; } .highlight.button{ color: #ffffff; text-shadow:0 0 0 transparent, 0px 1px 0px #000000; -moz-box-shadow: 0 1px 3px #555555; -webkit-box-shadow: 0 1px 3px #555555; border-top: 1px #7ec9ef solid; border-bottom: 0px #03202e solid; border-right: 0px #0c6491 solid; border-left: 0px #0c6491 solid; background-color:#0c6491; background-image:url(images/gloss.png); background-position:center; background-repeat:repeat-x; } .footer .highlight.button{-moz-box-shadow: 0 1px 3px #000; -webkit-box-shadow: 0 1px 3px #000; box-shadow: 0 1px 3px #000} .highlight.button:hover{ background-image:url(images/gloss2.png); background-position:center; background-repeat:repeat-x; } .tagcloud a{ font-size: 11px; font-family:'Arimo', arial, sans-serif; padding:5px 10px 5px 10px; color: #666666; background-color:#ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e4e4'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e4e4)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ffffff, #e5e4e4); /* for firefox 3.6+ */ border: 1px #cccccc solid; text-shadow:0 0 0 transparent, 0 1px 0px #ffffff; -moz-box-shadow: 0 1px 0px #ffffff; -webkit-box-shadow: 0 1px 0px #ffffff; } .tagcloud.single-cloud a{margin-right:4px} .tagcloud a:hover { color: #666666; background-color:#ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d6d6'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d7d6d6)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ffffff, #d7d6d6); /* for firefox 3.6+ */ border: 1px #cccccc solid; text-shadow:0 0 0 transparent, 0 1px 0px #ffffff; -moz-box-shadow: 0 1px 0px #ffffff; -webkit-box-shadow: 0 1px 0px #ffffff; } /*-----------Sidebar Styling-----------*/ .sidebarright{ padding:10px 20px; margin:0px; background-color:#000000; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(255, 255, 255); /* RGBa with 0.6 opacity */ background: rgba(255, 255, 255, 0.3); } .sidebarleft{ padding:10px 15px 0px 15px; margin-right:30px; background-color:#000000; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(255, 255, 255); /* RGBa with 0.6 opacity */ background: rgba(255, 255, 255, 0.3); } .sidebarright .divider { margin:10px 0 20px 0; } .sidebarleft .divider { margin:10px 0 20px 0; } .sidebarright ul, .sidebarleft ul { list-style: inside; list-style-image:url(images/listicon.png); padding:0px 10px 0px 0px; width:100%; } .sidebarright .widget ul li, .sidebarleft .widget ul li { padding:6px 6px 6px 6px; border-top:1px solid #cccccc; border-bottom:1px solid #ffffff; width:90%; } .sidebarright .widget ul li:first-child, .sidebarleft .widget ul li:first-child{ border-top:0px solid #cccccc; } .sidebarright .widget ul li:last-child, .sidebarleft .widget ul li:last-child{ border-bottom:0px solid #ffffff; } .sidebarright ul li a, .sidebarleft ul li a, .tabs a { color:#555555; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; font-size:12px; padding-left:0px; } .sidebarright ul li:hover, .sidebarright ul li a:hover, .sidebarright ul li:active, .sidebarleft ul li:hover, .sidebarleft ul li a:hover, .sidebarleft ul li:active { color:#999999; } .sidebarright .widget, .sidebarleft .widget { margin-bottom:20px; } .sidebarright .widget .imageroll, .sidebarleft .widget .imageroll { display: inline; float: left; margin-left:6px; margin-right:6px; margin-bottom:12px; } .popular-posts{list-style:none !important} .popular-posts li{border:none !important; padding:0 !important; width:100% !important} .popular-posts .dividerblog{margin-top:0px} strong{font-weight:bold} .post-date{float:left; background:url('images/icons/blog/dark/calendar.gif') 0px 4px no-repeat; padding-left:16px} .popular-posts .post-comment{padding-left:16px; background-position:0px 4px; float:right} .tabs {list-style: none;list-style-position: outside; padding:0 !important} .tabs li {width:auto !important; border:none !important; float:left !important; margin: 0 0 1px 0!important; display: block;padding:0 !important;position: relative;color: #777777;cursor: pointer;font-family: 'Arimo', arial, sans-serif;font-size:12px;text-shadow:#ffffff 0px 1px 0px;background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.1); height:24px; border:none !important; background-image:none !important} .tabs a {display:block;text-align:center; text-decoration:none !important;padding:6px 10px 3px 10px !important; margin:0px; position:relative; height:15px} .tabs a:active, .tabs a:hover, .tabs .current, .tabs .current:hover, .tabs li.current a { color: #777777;font-family: 'Arimo', arial, sans-serif;font-size:12px;text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px;background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.5); } .tabs .current, .tabs .current:hover, .tabs li.current a {cursor:default !important; text-decoration:none !important;} .panes{margin: 0px;} .panes .pane {display:none} .panes > div {display:none; min-height:100px;font-size:14px;margin-top:-1px !important; text-align: left;padding: 10px;font-size: 11px;background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.5); border:none !important} .panes > div a{color: #5f95ef;} .panes > div h4{color: #888888;text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px;} .panes > div.footertab {background:#222} .panes > div.footertab h4, ul.footertab li a{text-shadow:0 0 0 transparent,#000 0px 1px 0px} ul.footertab li{background:none} ul.footertab li a {background:#333} .panes > div.footertab h4{color:#eee} .tabs.footertab a:active, .tabs.footertab a:hover, .tabs.footertab .current, .tabs.footertab .current:hover, .tabs.footertab li.current a { color: #fff; text-shadow:0 0 0 transparent,#000 0px 1px 0px;background: #222; } .tabs.footertab a {color:#fff !important} /*-----------Footer List Styling-----------*/ .footerlist .divider { margin:10px 0 20px 0; } .footerlist ul { list-style: inside; list-style-image:url(images/listicon.png); width:90%; } .footerlist ul li { padding:6px 6px 6px 0px; border-top:#666666 solid 1px; } .footerlist ul li a { color:#999999; } .footerlist ul li:hover, .footerlist ul li a:hover, .footerlist ul li:active, .footerlist ul li:focus { color:#ffffff; text-decoration: none; } .footerlist .widget { margin-bottom:20px; } .footerlist .widget .imageroll { display: inline; float: left; margin-left:6px; margin-right:6px; margin-bottom:12px; } .footer h3{text-transform:uppercase} /*-----------Search Field------------*/ fieldset.search { border: none; width: 220px; margin-top:6px; margin-bottom:0px; margin-left: 0px; } .search input, .search button { border: none; float: left; } .search input.box { height: 30px; padding: 0px 5px 0; margin-right: -35px; padding-left: 10px; margin-top: 3px; width:205px; color:#cccccc; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(255, 255, 255); /* RGBa with 0.6 opacity */ background: rgba(255, 255, 255, 0.8); } .search input.box:focus { outline: none; color:#999999; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(255, 255, 255); /* RGBa with 0.6 opacity */ background: rgba(255, 255, 255, 0.8); } .search button.btn { width: 32px; height: 32px; cursor: pointer; text-indent: -9999px; background:url(images/search2.png) no-repeat center; } .search button.btn:hover { background:url(images/search.png) no-repeat center; } /*-----------Search Box Typography-----------*/ .search input.box { font-size:13px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 0px 0px; } /*-----------Featured Tabs Styling-----------*/ #tabs { margin-bottom:40px; margin-top:30px; } .ui-tabs { position: relative; } .ui-tabs .ui-tabs-nav { margin: 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; right: 0px; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; background:none; -moz-border-radius: 0px; border-radius: 0px; border:1px solid #f1f1f1; box-shadow: 1px 1px 2px #cccccc; } .ui-tabs-vertical .ui-tabs-nav li a { display:block; padding:15px; cursor:pointer; } .ui-tabs-vertical .ui-tabs-nav li a img { float:left; background:none; padding:0; border:none; } .ui-tabs-vertical .ui-tabs-nav li a span { margin-left:70px; display:block; } .ui-tabs-vertical .ui-tabs-nav li a strong { padding:10px 0; page-break-after:always; } .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0; background:#f6f6f6 url(images/gradient_news.jpg) repeat-x; border:1px solid #ffffff; box-shadow: 1px 1px 4px #cccccc; } .ui-tabs-vertical .ui-tabs-panel { padding: 0; } /*-----------Callout Section Styling-----------*/ .callouttext{ padding:0 0 10px 0; font-size:28px; font-family: 'Oswald', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#666666; } .calloutcontainer { background-repeat: repeat-x; margin-left:auto; margin-right:auto; padding-top:25px; padding-bottom:20px; min-height:95px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.5); } .calloutcontainer p{ font-size:12px; line-height:20px; margin:0; padding:0 0 10px 0; color:#666666; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; } .calloutbutton { padding-top:20px; padding-right:20px; } .smallbar { } /*-----------Portfolio Styling-----------*/ .portfolio-content { margin-top:0; } /*-----------Portfolio Buttons-----------*/ .filter li a { text-decoration:none; margin-bottom:1px; font-size: 14px; font-family:'Arimo', arial, sans-serif; padding:6px 18px 8px 18px; color: #666666; background-color:#ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e4e4'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e4e4)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ffffff, #e5e4e4); /* for firefox 3.6+ */ border: 1px #cccccc solid; text-shadow:0 0 0 transparent, 0 1px 0px #ffffff; -moz-box-shadow: 0 1px 0px #ffffff; -webkit-box-shadow: 0 1px 0px #ffffff; } ul.filter { float:left; margin-left:-40px; margin-top:5px; } .filter li { list-style:none; float: left; margin-right:5px; line-height:40px; } .portfolio-main li.active a, .portfolio-main li a:hover { text-decoration:none; color: #ffffff; text-shadow:0 0 0 transparent, 0px 1px 0px #000000; -moz-box-shadow: 0 1px 3px #555555; -webkit-box-shadow: 0 1px 3px #555555; border-top: 1px #0c6491 solid; border-bottom: 1px #0c6491 solid; border-right: 1px #0c6491 solid; border-left: 1px #0c6491 solid; background-color:#0c6491; background-image:url(images/gloss.png); background-position:center; background-repeat:repeat-x; } /*-----------Portfolio Grid-----------*/ .image-grid:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .image-grid li img, .image-grid li strong { display: block; } .image-grid li strong { color: #ffffff; } /*-----------8 Columns-----------*/ .image-grid.eightcol li { width:110px; height:110px; padding-right:0px; margin-right:3px; margin-bottom:8px; } /*-----------4 Columns-----------*/ .image-grid li { width:205px; height:355px; margin-right:31px; margin-bottom:0px; padding-right:0px; padding-left:5px; float: left; line-height: 17px; overflow: hidden; } /*-----------3 Columns-----------*/ .image-grid.threecol li { width:305px; height:392px; padding-right:0px; padding-left:5px; margin-right:10px; margin-left:0px; margin-bottom:40px; } .image-grid.threecol li h4{ color:#666666; font-size:20px; font-family: 'Oswald', arial, sans-serif; } .portshadow300{ /*height: 278px;*/ width:310px; margin-bottom:0px; background-image:url(images/shadow_300.png); background-repeat:no-repeat; background-position: bottom center; overflow: hidden; position: relative; float:left; } .post-category, .post-comment, .post-author{float:left; background-repeat:no-repeat; background-position:0px 4px; padding-left:17px; display:block} .post-tags a{margin-right:10px} .post-category{background-image:url('images/icons/blog/dark/tag.gif') } .post-comment{background-image:url('images/icons/blog/dark/comments.gif')} .post-author{background-image:url('images/icons/blog/dark/pen.gif') } /*-----------2 Columns-----------*/ .portfolio-content h4{ color:#666666; font-size:20px; font-family: 'Oswald', arial, sans-serif; } .portshadow400{ width:464px; margin-bottom:0px; background:url(images/shadow_400.png) no-repeat bottom center; overflow: hidden; position: relative; float:left; } .pft2col{/*height: 540px;*/margin-bottom: 40px;margin-left: 0;margin-right: 14px;padding-right: 0;width: 464px; float:left} .pft2col2{float: left; margin-bottom: 40px; margin-left: 0; margin-right: 10px; padding-left: 5px; padding-right: 0; width: 305px;} .image-grid { margin-top:20px; margin-bottom:10px; margin-left:-46px; margin-right:0px; width:960; } ul#list { list-style-type:none; } ul#list h2, ul#list h3, ul#list h4, ul#list h5 { margin-top:10px; } /*-----------Pagination-----------*/ .wp-pagenavi {margin-top:30px;margin-bottom:20px;height:20px;} #pagination li {border:0;margin:0;padding:0;font-size:12px;font-wieght:bold;list-style:none;margin-right:3px;} /*----off state------*/ #pagination .previous-off, #pagination .next-off {border:0;font-weight:normal;display:block;float:left;padding:10px 14px 10px 8px;margin-right:8px;color: #999999;background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.5); } /*----on state------*/ .wp-pagenavi * {font-size:12px} .wp-pagenavi span.current {font-weight:normal;display:block;float:left;padding:10px 14px; margin-right:8px; color: #3179ab;text-shadow:0 0 0 transparent, 0 1px 0px #ffffff; } /*----normal state------*/ .wp-pagenavi a:link, .wp-pagenavi a:visited {font-weight:normal;display:block;float:left;padding:10px 14px;margin-right:8px; color: #666666;background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.5); } /*----over state------*/ .wp-pagenavi a:hover {color: #3179ab;text-shadow:0 0 0 transparent, 0 1px 0px #ffffff;background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.9); } .pages {float:right; margin-top:10px; color:#555; font-family:'Arimo',arial,sans-serif; text-shadow:0 1px 0 #FFFFFF; font-size:12px; display:none !important} /*-----------Blog Section-----------*/ .blogpost { margin-bottom:10px; padding:20px; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(255, 255, 255); /* RGBa with 0.6 opacity */ background: rgba(255, 255, 255, 0.3); box-shadow: 1px 1px 3px #cccccc; } .blogpost.single { background:none; margin-bottom:10px; padding-bottom:10px; } .divider.comments { margin-bottom:0px; } .blogpost h2 { padding-bottom:8px; } .blogpost h3 { font-size:20px; font-family: 'Oswald', arial, sans-serif; color:#555555; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; margin-bottom:0px; margin-right:20px; padding:15px; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(17, 17, 17); /* RGBa with 0.6 opacity */ background: rgba(17, 17, 17, 0.1); -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; width:115px; text-align:center; } .icons{ margin-bottom:0px; margin-right:0px; padding:15px; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(17, 17, 17); /* RGBa with 0.6 opacity */ background: rgba(17, 17, 17, 0.1); -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; width:145px; text-align:center; } .blogpost h5 { color:#666666; line-height:14px; } .blogpost h5 a { color:#317baf; } .blogpost h5 a:hover { color:#999999; } .blogpost .featuredimage { margin-bottom:0px; } .blogpost p { margin-top:10px; } /*-----------Blog Comments-----------*/ .comment { margin: 0px; padding: 30px; background-image:url(images/divider.gif); background-repeat:repeat-x; background-position:top; } .commentformbox { width:440px; padding: 10px; margin-top:20px; border:#555555 solid 1px; } .commentformbox p { color:#777777; } .listcomments, .listcomments ul{ margin: 0; padding: 0 0 0px 0; list-style: none; } .datestamp { font: 14px 'Arimo', arial, sans-serif; font-style:oblique; color:#666666; margin: 0 0 0px; } .username { font:16px 'Arimo', arial, sans-serif; color:#333333; margin: 0 0 5px; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; } .name a { font-weight:normal; color:#999999; } .name a:hover { text-decoration:none; } .name strong { font-weight:normal; } .message { padding: 0px 10px 0px 0px; color:#777777; } .listcomments .response { list-style:none; } .listcomments .response .comment { margin: 0px 0px 0px 60px; } .gallery-title { font-size:1.08em; text-transform:uppercase; } #respond {background: url("images/divider.gif") repeat-x scroll center top transparent; margin: 0 0 10px; padding-top:40px} #respond h3{text-transform:uppercase} /************************** COMMENTS ******************************/ ol.commentlist { list-style:none; margin:0; padding:0; } ol.commentlist li { margin:0 0 5px; padding:30px 7px 30px 106px; position:relative; background:url("images/divider.gif") repeat-x center top; margin-bottom:10px} ol.commentlist li.pingback comment-author { padding:0 170px 0 0; } ol.commentlist li.comment-author{font-size:20px;} ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; } ol.commentlist li div.vcard cite.fn, cite.fn a.url { } ol.commentlist li div.vcard cite.fn a.url { color: #333333;font: 16px 'Arimo',arial,sans-serif;margin: 0 0 5px;text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;} ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; } ol.commentlist li div.vcard img.avatar {left:7px; position:absolute; top:30px; } ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px;position:absolute; right:10px; text-align:right; top:5px; } ol.commentlist li div.comment-meta a { text-decoration:none; } ol.commentlist li p { font-weight:normal; font-size: 12px; margin:5px 0 0; } ol.commentlist li ul { font-weight:normal; font-size: 12px; list-style:square; margin:0 0 12px; padding:0; } ol.commentlist li div.reply{position:absolute; right:0px; top:26px; } .reply a {font-size:14px;float: right;color:#cccccc;} .reply a:hover{color:#ffffff;text-decoration:none;} ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; } ol.commentlist li ul.children li{} ol.commentlist li ul.children li.depth-2 { margin:18px 0 3px; } ol.commentlist li ul.children li.depth-3 { margin:18px 0 3px; } ol.commentlist li ul.children li.depth-4 { margin:18px 0 3px; } ol.commentlist li ul.children li.depth-5 { margin:28px 0 3px; } ol.commentlist ul.children li.odd {} ol.commentlist ul.children li.even {} ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } a.comment-date{color:#555;text-decoration:none; font: oblique 14px 'Arimo',arial,sans-serif;} #commentform{margin-top:10px} #commentform label {margin:0 0 4px;display:block;font-size:12px;font-family: 'Arimo', arial, sans-serif;color:#666666;text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px;} #commentform input[type=text], #commentform textarea {padding: 10px;margin: 0 10px 20px 0;font-family: 'Arimo', arial, sans-serif;color: #cccccc;font-size: 12px;background:#ffffff;border:0px;color:#999999;} #commentform input[type=text] {width:200px;} #commentform input#url{width:440px} #commentform input[type=submit] {margin-bottom:40px;} #commentform textarea {width:440px;} #commentform input:focus, #commentform textarea:focus {background: #ffffff;outline: none;color:#777777;border:#555555 0px solid;} /*******************************************************************/ /*----- Spacing -----*/ .top0{margin-top:0px} .top5{margin-top:5px} .top10{margin-top:10px} .top15{margin-top:15px} .top20{margin-top:20px} .top25{margin-top:25px} .top30{margin-top:30px} .top40{margin-top:40px} .top50{margin-top:50px} .top80{margin-top:50px} .top100{margin-top:50px} .bottom0{margin-bottom:0px} .bottom5{margin-bottom:5px} .bottom10{margin-bottom:10px} .bottom15{margin-bottom:15px} .bottom20{margin-bottom:20px} .bottom25{margin-bottom:25px} .bottom30{margin-bottom:30px} .bottom40{margin-bottom:40px} .bottom50{margin-bottom:50px} .left0{margin-left:0px} .left5{margin-left:5px} .left10{margin-left:10px} .left15{margin-left:15px} .left20{margin-left:20px} .left25{margin-left:25px} .left30{margin-left:30px} .left40{margin-left:40px} .left50{margin-left:50px} .right0{margin-right:0px} .right5{margin-right:5px} .right10{margin-right:10px} .right15{margin-right:15px} .right20{margin-right:20px} .right25{margin-right:25px} .right30{margin-right:30px} .right40{margin-right:40px} .right50{margin-right:50px} /*-----------Contact Forms-----------*/ .contactsubmit label { margin:0 0 6px; display:block; font-size:12px; font-family: 'Arimo', arial, sans-serif; color:#666666; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; } .contactsubmit input[type=text], .contactsubmit textarea, .contactsubmit select { padding: 10px; margin: 0 0 20px 0; font-family: 'Arimo', arial, sans-serif; color: #999999; font-size: 12px; border:0px; background:#ffffff; } .contactsubmit input[type=text] { width:200px; } .contactsubmit input[type=submit] { margin-bottom:40px; } .contactsubmit textarea { width:440px; height:100px; } .contactsubmit input:focus, .contactsubmit textarea:focus { background: #ffffff; outline: none; color:#777777; border:#666666 0px solid; } .contactsubmit label.error { font-size:12px; color:#c85849; text-transform:none; } .contactsubmit input.error, .contactsubmit textarea.error{border:solid 1px #c85849} /*-----------Page Headers-----------*/ .pagetitle1 { margin-top:-15px; margin-bottom:-15px; font-size:26px; font-family: 'Oswald', arial, sans-serif; color:#777777; padding:5px; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; } .pagetitle1 span { font-size:26px; font-family: 'Oswald', arial, sans-serif; color:#999999; margin-left:5px; } .pagetitle2{ font-size:26px; font-family: 'Oswald', arial, sans-serif; color:#777777; padding:5px; border: solid 10px #ffffff; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; background-color:#e4e4e5; box-shadow: 1px 1px 3px #777777; width:930px; height:30px; } .pagetitle2 span { font-size:26px; font-family: 'Oswald', arial, sans-serif; color:#999999; margin-left:5px; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; } .subpagetext ul{ float: left; margin:0 0 0 0; padding:34px 0px 10px 16px; } .subpagetext ul li{ display:inline; } .subpagetext ul li a{ font-family: 'Arimo', arial, sans-serif; font-size:13px; line-height:0px; margin:0 0 0 0; padding:0 0 0 0; color:#777777; padding: 5px; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background: rgba(17, 17, 17, 0.5); -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; } .subpagetext ul li a:hover{ color:#ffffff; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background: rgba(17, 17, 17, 0.5); padding: 5px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; } .subpagetext ul li:last-child { font-family: 'Arimo', arial, sans-serif; font-size:13px; line-height:0px; margin:0 0 0 0; padding:0 0 0 0; padding: 5px; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background: rgba(17, 17, 17, 0.5); padding: 5px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; } .subpagetitle h2{ color:#555555; font-size:20px; padding-top:35px; } .subpagebackground { height:80px; } .subpagetitle { height:100px; padding-top:0px; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background: rgba(0, 0, 0, 0.9); } .subpagetext ul li:last-child { color:#ffffff; } /*-----------Misc-----------*/ .social { margin-right:5px; margin-top:10px; } .image-desc p, .image-desc ul, .image-desc ol, .backgroundgradient p { color:#999999; } .backgroundgradient { } .backgroundgradient2 { background-image:url(images/background2.jpg); background-position:top center; background-repeat:no-repeat; padding-top:40px; background-color:#ffffff; } .backgroundgradient3 { background-image:url(images/background3.jpg); background-position:top center; background-repeat:no-repeat; padding-top:40px; padding-bottom:40px; background-color:#ffffff; } ul.thumbs img, ul.thumbs img a, ul.thumbs img a:visited, ul.thumbs img a:active { border:#ffffff 3px solid; } .frame { border: solid 10px #ffffff; box-shadow: 1px 1px 3px #777777; margin-bottom:13px; } .nivoframe { border: solid 9px #ffffff; margin-bottom:45px; } .nivoframedark { border: solid 18px #ffffff; box-shadow: 1px 2px 3px #777777; margin-bottom:45px; } .flashmodule { border: solid 10px #ffffff; background-color:#444444; box-shadow: 1px 1px 3px #777777; margin-bottom:15px; } .pagecontents { margin-top:40px; margin-bottom:40px; } .thumbslider { margin-top:-50px; margin-left:-25px; } .quotes { margin-right:10px; padding-bottom:10px; } .shadowheader{ height: 238px; width:650px; margin-bottom:0px; background-image:url(images/shadow_header.png); background-repeat:no-repeat; background-position: bottom center; position: relative; } .shadowblog{ height: 287px; width:630px; margin-bottom:0px; background-image:url(images/shadow_blog.png); background-repeat:no-repeat; background-position: bottom center; position: relative; } .shadowgalleria{ height:587px; width:960px; margin-bottom:0px; background-image:url(images/shadow_header.png); background-repeat:no-repeat; background-position: bottom center; position: relative; } .shadowblogvideo{ /*height: 377px;*/ width:630px; margin-bottom:0px; background-image:url(images/shadow_blog.png); background-repeat:no-repeat; background-position: bottom center; position: relative; } .shadow400x290{ height: 325px; width:420px; margin-bottom:0px; background-image:url(images/shadow_400.png); background-repeat:no-repeat; background-position: bottom center; position: relative; } .shadow510x290{ height: 325px; width:530px; margin-bottom:0px; background-image:url(images/shadow_400.png); background-repeat:no-repeat; background-position: bottom center; position: relative; } .shadowflash{ height:287px; width:660px; margin-bottom:0px; background-image:url(images/shadow_400.png); background-repeat:no-repeat; background-position: bottom center; position: relative; } .shadowtestimonials{ height: 221px; width:460px; margin-bottom:0px; background-image:url(images/shadow_400.png); background-repeat:no-repeat; background-position: bottom center; position: relative; } .shadowsmallvideo{ height: 213px; width:230px; margin-bottom:0px; background-image:url(images/shadow_200.png); background-repeat:no-repeat; background-position: bottom center; position: relative; } .shadowdetails{ height: 288px; width:650px; margin-bottom:0px; background-image:url(images/shadow_blog.png); background-repeat:no-repeat; background-position: bottom center; position: relative; } /*-----------Common Settings-----------*/ ul, ol { padding:0 0 1.25em 2.5em; } #tabs ul, #tabs ol { padding:0; } ul { list-style-type: square; } ol { list-style-type:decimal; } small { font-size:0.85em; } img { border:0; } sup { position:relative; bottom:0.3em; vertical-align:baseline; } sub { position:relative; bottom:-0.2em; vertical-align:baseline; } acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; } /*-----------Global Settings-----------*/ .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffffff; } .nopadding { padding:0; } .noindent { margin-left:0; padding-left:0; } .nobullet { list-style:none; list-style-image:none; } /*-----------Latest Section-----------*/ .latest h4, .latest h4 a, #tabs h4, #tabs h4 a { text-decoration:none; font-weight:bold; color:#000000; font-size:14px; } .latest h5, .latest h5 a { color:#666666; } .latest h3, .callout h3 { font-weight:bold; } /*-----------Footer Section-----------*/ .footer h1 { margin:0 0 10px 0; padding:0px; line-height:34px; font-weight:normal; font-size:28px; color:#ffffff; font-family: 'Oswald', arial, sans-serif; text-shadow:0 0 0 transparent,#000000 0px 1px 0px; } .footer h1.footertitle a:hover { color:#ffffff; } .footer h2 { margin:0 0 10px 0; padding:0px; line-height:34px; font-weight:normal; font-size:22px; color:#ffffff; font-family: 'Oswald', arial, sans-serif; text-shadow:0 0 0 transparent,#000000 0px 1px 0px; } .footer h2 a:hover { color:#ffffff; } .footer h3{ margin-bottom:10px; padding:0px; line-height:24px; font-weight:normal; font-size:20px; font-family: 'Oswald', arial, sans-serif; color:#ffffff; padding:0 0 10px 0; text-shadow:0 0 0 transparent,#000000 0px 1px 0px; } .footer h3 a:hover { color:#ffffff; } .footer h4{ margin:0 0 10px 0; padding:0px; line-height:18px; font-weight:normal; color:#ffffff; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#000000 0px 1px 0px; } .footer h4 a:hover{ color:#ffffff; } .footer p, .footer ul, .footer ol, .footer.button, .credits ul, .credits ol, .credits.button, .footer textarea, .footer input, #contactFormWidget label, .dash .digit div{ color:#b7b7b7; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#000000 0px 1px 0px; } .footer p a { color:#5fa3d2; } .footer p a:hover { color:#ffffff; text-shadow:0 0 0 transparent,#000000 0px 1px 0px; } .footer { padding:40px 0 30px 0; margin:20px 0 0 0; position:relative; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(22, 22, 22); /* RGBa with 0.6 opacity */ background: rgba(22, 22, 22, 1); background-image:url(images/footer.jpg); background-repeat:repeat-x; background-position:center top; } .footer .socialbar { float:none; text-align:center; margin-top:20px; } .footer .footerlogo { text-align:center; margin-bottom:40px; } .topbutton { float:right; font-size:12px; font-family: 'Arimo', arial, sans-serif; padding: 5px; -webkit-border-radius:6px 6px 0px 0px; -moz-border-radius:6px 6px 0px 0px; border-radius:6px 6px 0px 0px; margin-top:25px; margin-right:30px; background-color:#ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#111111'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#111111)); /* for webkit browsers */ background: -moz-linear-gradient(top, #222222, #111111); /* for firefox 3.6+ */ } .topbutton a{ color:#ffffff; text-shadow:#000000 0px 0px 0px;} /*-----------Comments Section-----------*/ .authorname, .authorname a { padding:0 0 20px 0; letter-spacing:-1px; font-size:28px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#000000 0px 1px 0px; color:#999999; } ul.popular-posts{/*margin-bottom:40px !important*/} /*-----------Checklists-----------*/ .list1 { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#555555; line-height:18px; } .list1 ul li { list-style: decimal; } .list2 { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#555555; line-height:18px; } .list2 ul li { list-style: lower-latin; } .list3 { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#555555; line-height:18px; } .list3 ul li { list-style: lower-roman; } .list4 { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#555555; line-height:18px; } .list4 ul li { list-style: disc; } .list5 { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#555555; line-height:18px; } .list5 ul li { list-style: url(images/green_check.png); } .list6 { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#555555; line-height:18px; } .list6 ul li { list-style: url(images/plus.png); } .list7 { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#555555; line-height:18px; } .list7 ul li { list-style: url(images/magnify.png); } .list8 { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#555555; line-height:18px; } .list8 ul li { list-style: url(images/black_check.png); } .list9 { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#555555; line-height:18px; } .list9 ul li { list-style: url(images/red_check.png); } .list10 { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#555555; line-height:18px; } .list10 ul li { list-style: url(images/attention.png); } .list11 { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#555555; line-height:18px; } .list11 ul li { list-style: url(images/cube.png); } .list12 { font-size:12px; font-family: 'Arimo', arial, sans-serif; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; color:#555555; line-height:18px; } .list12 ul li { list-style: url(images/cog.png); } /*-----------Slide Out-----------*/ .slide-out-div { padding: 10px; width: 90px; height: 98px; background: #555555; } /************************ WORDPRESS CORE ***************************/ .center{text-align:center} .wp-caption{} .wp-caption-text{} .sticky {} .gallery-caption {} .bypostauthor {} /*******************************************************************/ /************************* WIDGET STYLES ***************************/ /*---- Native Widgets ---- */ .widget { margin-bottom:30px; clear:both;} .widget h3, .widgettitle { margin: 0 0 10px 0; padding: 0 0 6px 0; } .widget h3 a:hover { text-decoration: none; } .widget ul { list-style-type: none; margin: 0; padding: 0; } .widget ul li ul { margin-top: 5px; margin-bottom: -7px; } .widget ul li ul li { padding-left: 13px; } .widget li { margin: 0; padding: 6px 0;} .widget li a {text-decoration:none} .widget li a:hover { text-decoration: underline; } .widget img { padding: 4px; margin-bottom: 10px; } .widget span.rounded-all { padding: 0; } /*----- Widget Areas ----- */ .widget-area ul {list-style: none;margin-left: 0;} .widget-area ul ul {list-style: square;margin-left: 1.3em;} .widget_search #s {/* This keeps the search inputs in line */width: 60%;} .widget_search label {display: none;} .widget-container {margin: 0 0 18px 0;} .widget-title {color: #222;font-weight: bold;} .widget-area a:link, .widget-area a:visited {text-decoration: none;} .widget-area a:active, .widget-area a:hover {text-decoration: underline;} .widget-area .entry-meta {font-size: 11px;} /*----- Calendar Widget ----- */ #wp-calendar {width: 100%; border: 1px solid #e8e8e8; padding:10px;} #calendar_wrap {background: #f8f8f8; padding:4px} #wp-calendar caption {color: #999;font-size: 14px;font-weight: bold;padding-bottom: 4px;text-align: center;} #wp-calendar thead {font-size: 11px;} #wp-calendar thead th {font-weight:bold;background:#111; color:#fff} #wp-calendar tbody {color: #aaa;} #wp-calendar tbody td {padding: 3px 0 2px;text-align: center;} #wp-calendar tbody td a{background:#333;display:block;text-decoration:none;color:#fff} #wp-calendar tbody .pad {background: none;} #wp-calendar tfoot #next {text-align: right;} /*----- RSS Widget ----- */ .widget_rss a.rsswidget {color: #000;} .widget_rss a.rsswidget:hover {color: #ff4b33;} .widget_rss .widget-title img {width: 11px;height: 11px;} /*----- Tag Cloud Widget ----- */ #wp_tag_cloud div {line-height: 1.6em;} .widget_tag_cloud a{margin:4px 6px;float:left;display:block;} .widget_tag_cloud a:hover{background:#ddd;color:#333;} /*----- Contact Form Widget -----*/ #contactFormWidget{width:300px} #contactFormWidget label{padding-top:3px;padding-bottom:2px;float:left; width:50px; text-align:right; font-size:12px} #contactFormWidget div{clear:both} #contactFormWidget input[type="text"]{width:230px; height:20px; float:left; margin-left:10px} #contactFormWidget input[type="text"], #contactFormWidget textarea{background:#222; border:solid 1px #333; padding:2px 4px; margin-bottom:18px} #contactFormWidget textarea{height:70px; width:230px; margin-bottom:6px; margin-left:10px } #contactFormWidget input[type="submit"]{/*width:66px; line-height:24px; height:24px;*/ float:right} /*----- Latest Tweets Widget -----*/ #twitter_div, #testimonials_div, #contact_div {padding:0px;} ul#twitter_update_list_full {padding-left:0px;} ul#twitter_update_list_full li {background:url('images/twit.png') no-repeat 0px 0px;margin-bottom:14px;margin-left:0px; list-style:none;border-top:#666666 solid 0px;font-size:12px;font-family: 'Arimo', arial, sans-serif;padding:0 0 0 20px;line-height:20px} ul#twitter_update_list_full li a {color:#5FA3D2;} ul#twitter_update_list_full li a:hover {color:#999999;} ul#twitter_update_list {padding-left:0px;} ul#twitter_update_list li {margin-bottom:0px;margin-left:0px; list-style:none;border-top:#666666 solid 0px;font-size:20px;font-family: 'Arimo', arial, sans-serif;color:#777777;padding:0px;text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px;} ul#twitter_update_list li a {color:#317baf;} ul#twitter_update_list li a:hover {color:#999999;} /*----- Flickr Widget -----*/ .flickr_badge_image a {display:block} .flickr_badge_image {height: 50px !important;width: 50px !Important} .flickr_badge_beacon{clear:both} /*******************************************************************/ .list-post-desc .post-date, .list-post-desc .post-author, .popular-posts .post-date, .popular-posts .post-comment, .popular-posts .post-author{font-family: 'Arimo', arial, sans-serif; background-position:0px 2px; padding-left:14px} .pagecontents p, .minimal-posts a, .toggle-block { font-family: 'Arimo', arial, sans-serif; font-size:12px; line-height:20px; margin:0; padding:0 0 10px 0; color:#555555; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; } .minimal-posts{padding-left:36px} /* 200 x 200 */ .boxgrid{ width: 200px; height: 200px; margin-right:20px; margin-bottom:20px; float:left; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.9 opacity */ background: rgba(0, 0, 0, 0.9); border: solid 10px #ffffff; overflow: hidden; position: relative; box-shadow: 1px 1px 3px #777777; } .shadow200{ margin-bottom:20px; height: 233px; background-image:url(images/shadow_200.png); background-repeat:no-repeat; background-position: bottom left; overflow: hidden; position: relative; float:left; } .captionfull .boxcaption { top: 200px; left: 0; } .caption .boxcaption { top: 160px; left: 0; } .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; } .boxgrid span a{ margin-left:10px; color:#ffffff; font-weight:normal; font-size: 12px; font-family:'Oswald', arial, sans-serif; padding:7px 15px 7px 15px; color: #ffffff; text-shadow:0 0 0 transparent, 0px 1px 0px #000000; -moz-box-shadow: 0 1px 3px #000000; -webkit-box-shadow: 0 1px 3px #000000; border-top: 1px #7ec9ef solid; border-bottom: 0px #03202e solid; border-right: 0px #0c6491 solid; border-left: 0px #0c6491 solid; background-color:#0c6491; background-image:url(images/gloss.png); background-position:center; background-repeat:repeat-x; } .boxgrid span a:hover { background-image:url(images/gloss2.png); background-position:center; background-repeat:repeat-x; } .boxgrid p{ padding: 0 10px; margin-bottom:15px; color:#999999; font-weight:normal; font-size:12px; font-family: "Arimo", Arial, sans-serif; text-shadow:0 0 0 transparent, 0 1px 0px #000000; line-height:22px; } .boxgrid h3{ padding: 10px 10px; color:#ffffff; font-weight:normal; font-size:18px; font-family: "Oswald", Arial, sans-serif; text-shadow:0 0 0 transparent, 0 1px 0px #000000; } .boxcaption{ float: left; position: absolute; background: #000000; height: 80px; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } /* 280 x 300 */ .boxgrid300{ width: 280px; height: 240px; margin-right:20px; margin-bottom:20px; float:left; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.9 opacity */ background: rgba(0, 0, 0, 0.9); border: solid 10px #ffffff; overflow: hidden; position: relative; box-shadow: 1px 1px 3px #777777; } .shadow300{ height: 278px; margin-bottom:20px; background-image:url(images/shadow_300.png); background-repeat:no-repeat; background-position: bottom left; overflow: hidden; position: relative; float:left; } .captionfull .boxcaption { top: 200px; left: 0; } .caption .boxcaption { top: 160px; left: 0; } .boxgrid300 img{ position: absolute; top: 0; left: 0; border: 0; } .boxgrid300 span a{ margin-left:10px; color:#ffffff; font-weight:normal; font-size: 12px; font-family:'Oswald', arial, sans-serif; padding:7px 15px 7px 15px; color: #ffffff; text-shadow:0 0 0 transparent, 0px 1px 0px #000000; -moz-box-shadow: 0 1px 3px #000000; -webkit-box-shadow: 0 1px 3px #000000; border-top: 1px #7ec9ef solid; border-bottom: 0px #03202e solid; border-right: 0px #0c6491 solid; border-left: 0px #0c6491 solid; background-color:#0c6491; background-image:url(images/gloss.png); background-position:center; background-repeat:repeat-x; } .boxgrid300 span a:hover { background-image:url(images/gloss2.png); background-position:center; background-repeat:repeat-x; } .boxgrid300 p{ padding: 0 10px; margin-bottom:15px; color:#999999; font-weight:normal; font-size:12px; font-family: "Arimo", Arial, sans-serif; text-shadow:0 0 0 transparent, 0 1px 0px #000000; line-height:22px; } .boxgrid300 h3{ padding: 10px 10px; color:#ffffff; font-weight:normal; font-size:22px; font-family: "Oswald", Arial, sans-serif; text-shadow:0 0 0 transparent, 0 1px 0px #000000; } .boxcaption{ float: left; position: absolute; background: #000000; height: 80px; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } /* 440 x 400 */ .boxgrid400{ width: 440px; height: 400px; margin-right:20px; margin-bottom:20px; float:left; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.9 opacity */ background: rgba(0, 0, 0, 0.9); border: solid 10px #ffffff; overflow: hidden; position: relative; box-shadow: 1px 1px 3px #777777; } .shadow400{ height: 438px; margin-bottom:20px; background-image:url(images/shadow_400.png); background-repeat:no-repeat; background-position: bottom left; overflow: hidden; position: relative; float:left; } .captionfull .boxcaption { top: 200px; left: 0; } .caption .boxcaption { top: 160px; left: 0; } .boxgrid400 img{ position: absolute; top: 0; left: 0; border: 0; } .boxgrid400 span a{ margin-left:10px; color:#ffffff; font-weight:normal; font-size: 12px; font-family:'Oswald', arial, sans-serif; padding:7px 15px 7px 15px; color: #ffffff; text-shadow:0 0 0 transparent, 0px 1px 0px #000000; -moz-box-shadow: 0 1px 3px #000000; -webkit-box-shadow: 0 1px 3px #000000; border-top: 1px #7ec9ef solid; border-bottom: 0px #03202e solid; border-right: 0px #0c6491 solid; border-left: 0px #0c6491 solid; background-color:#0c6491; background-image:url(images/gloss.png); background-position:center; background-repeat:repeat-x; } .boxgrid400 span a:hover { background-image:url(images/gloss2.png); background-position:center; background-repeat:repeat-x; } .boxgrid400 p{ padding: 0 10px; margin-bottom:15px; color:#999999; font-weight:normal; font-size:12px; font-family: "Arimo", Arial, sans-serif; text-shadow:0 0 0 transparent, 0 1px 0px #000000; line-height:22px; } .boxgrid400 h3{ padding: 10px 10px; color:#ffffff; font-weight:normal; font-size:22px; font-family: "Oswald", Arial, sans-serif; text-shadow:0 0 0 transparent, 0px 1px 1px #111111; } .boxcaption{ float: left; position: absolute; background: #000000; height: 80px; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } /* 70 x 70 */ .boxsmgrid{ width: 70px; height: 70px; margin-right:20px; margin-bottom:20px; float:left; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.9 opacity */ background: rgba(0, 0, 0, 0.9); border: solid 10px #ffffff; overflow: hidden; position: relative; box-shadow: 1px 1px 3px #777777; } /* Footer 55 x 55 */ .footer .boxsmgrid, .flickr_badge_image{ width: 55px; height: 55px; margin-right:20px; margin-bottom:20px; float:left; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.9 opacity */ background: rgba(0, 0, 0, 0.9); border: solid 5px #ffffff; overflow: hidden; position: relative; box-shadow: 1px 1px 3px #222222; } /* Footer 55 x 55 */ .sidebarright .boxsmgrid{ width: 55px; height: 55px; margin-right:20px; margin-bottom:20px; float:left; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.9 opacity */ background: rgba(0, 0, 0, 0.9); border: solid 5px #ffffff; overflow: hidden; position: relative; box-shadow: 1px 1px 3px #777777; } /* Footer 55 x 55 */ .sidebarleft .boxsmgrid{ width: 55px; height: 55px; margin-right:20px; margin-bottom:20px; float:left; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.9 opacity */ background: rgba(0, 0, 0, 0.9); border: solid 5px #ffffff; overflow: hidden; position: relative; box-shadow: 1px 1px 3px #777777; } .captionfull .boxsmcaption { top: 200px; left: 0; } .caption .boxsmcaption { top: 160px; left: 0; } .boxsmgrid img{ position: absolute; top: 0; left: 0; border: 0; } .boxsmgrid a{ color:#5fa3d2; font-weight:normal; font-size:12px; font-family: "Oswald", Arial, sans-serif; text-shadow:0 0 0 transparent, 0 1px 0px #000000; } .boxsmgrid a:hover { color:#ffffff; font-weight:normal; } .boxsmgrid p{ padding-top:10px; text-align:center; color:#ffffff; font-weight:normal; font-size:12px; font-family: "Arimo", Arial, sans-serif; text-shadow:0 0 0 transparent, 0 1px 0px #000000; line-height:16px; } .boxsmcaption{ float: left; position: absolute; background: #000000; height: 80px; width: 100%; opacity: .8; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";} #kbholder{width:660px; height:240px} /****************** UNDER CONSTRUCTION PAGE ************************/ #cs-logo{text-align:center; width:600px; margin:0px auto} h3.coming-soon{text-align:center; font-size:16px; font-weight:bold; letter-spacing:6px; text-transform:uppercase; margin:30px 0px 20px 0px} p#uct{font-size:17px; width:550px; margin:0px auto 30px auto !important; } #countdown_dashboard {height: 80px; width:570px; margin:0px auto 0px auto;} .dash {width: 90px;height: 70px;float: left;margin-left: 20px;position: relative; } .dash .digit {font-size: 30px;font-weight: bold;float: left;width: 40px;text-align: center;color: #333;position: relative;} .dash_title {position: absolute;display: block;bottom: 0px;left: 0px;font-size: 10px;color: #555;text-transform: uppercase;letter-spacing: 2px; width:90px; text-align:center} /*******************************************************************/ /************************ PRICING TABLES **************************/ #pricing-table-1{} #pricing-table-1 .column{position:relative;float:left;margin-right:16px;width:204px;background: url('images/pricing_bg.png');padding:10px 10px 20px 10px; -moz-box-shadow: 3px 3px rgba(0,0,0,0.1);-webkit-box-shadow: 3px 3px rgba(0,0,0,0.1); box-shadow: 3px 3px rgba(0,0,0,0.1)} #pricing-table-1 .column.last-item{margin-right:0;} #pricing-table-1 .column:hover{} #pricing-table-1 ul{list-style:none;padding:10px 20px;} #pricing-table-1 h2{font-size:18px; color:#999999; padding-bottom:4px} #pricing-table-1 h3{font-size:48px; color:#555555; text-align:center; text-shadow:#ccc 1px 2px 0} #pricing-table-1 li{background:url('images/green_check.png') no-repeat left;color:#555555;padding-left:20px;line-height:36px; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-shadow:#fff 1px 1px 0px} #pricing-table-1 .best-value{position:absolute; right:-2px; top:0px;background:url('images/badge.png') no-repeat;width:112px;height:112px;display:block;} #pricing-table-1 .pb-wrapper{text-align:center; margin-top:20px} #pricing-table-1 .button{padding:8px 16px; font-size:13px} #pricing-table-1.pricing-dark .column{background: url('images/pricing_bg_dark.png')} #pricing-table-1.pricing-dark h2{color:#777777; text-shadow:#000 1px 1px 0px} #pricing-table-1.pricing-dark h3 {color:#fff; text-shadow:#000 1px 2px 0px} #pricing-table-1.pricing-dark li {color:#cccccc; text-shadow:#000 1px 1px 0px} #pricing-table-1.pricing-dark .divider {background:url('images/divider.png') repeat-x top;height:2px;width:100%; border:none} /*******************************************************************/ #slider3d{background: url("images/shadow2.png") no-repeat scroll center 220px transparent;left: 50%;margin-left:-550px; margin-top:20px; position: absolute; top: 0;width: 1100px;} #slider-mainwrap {height: 400px;position: relative;} /*----- Toggles -----*/ div.toggle-trigger {margin: 6px 0px;height: 33px;line-height: 33px;} div.toggle-trigger:hover, div.toggle-trigger.active{background:#fff} div.toggle-trigger a {padding:0px 36px 0px 6px ; color: #555;line-height: 36px;text-decoration: none;display: block;outline:none;font-size: 13px;background: #f4f4f4 url('images/toggle.png') no-repeat right -32px;text-shadow:none; font-family:'Arimo'} div.toggle-trigger.active a{background: #fff url('images/toggle.png') no-repeat right 0px;} .toggle-container .toggle-block {padding: 10px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8);} .toggle-container .toggle-block p {margin: 5px 0;} .kencaption {position:absolute;left: 50%;margin-top: -160px;margin-left: -80px;width: 200px;z-index:8;text-shadow:#000000 0px 0px 0px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.7);box-shadow: 0px 2px 2px #000000;-webkit-border-radius:6px 6px 26px 6px;-moz-border-radius:6px 6px 26px 6px;border-radius:6px 6px 26px 6px;color:#ffffff;padding:20px;font-size:16px;font-family: 'Arimo', arial, sans-serif;text-shadow:#000000 0px 1px 0px;text-align:center;line-height:22px;} #kbholder{position:relative} .list-post-desc p, .work-widget{height:50px; overflow:hidden} .wt-title img{padding:0 !important} .latest-works-widget img{height:55px !Important} .portfolio-link{background:url('images/icons/icon2.png') no-repeat left; padding-left:28px; display:block; line-height:26px; height:22px}