/*----------------------------------------------------------------------------------- Theme Name: PholioWork Theme URL: http://www.dreamthemelab.com Description: A premium theme by Edwin Norton & AJ Clarke Author URL: http://www.dreamthemelab.com Version: 1.00 -----------------------------------------------------------------------------------*/ /*import theme css*/ @import url('css/default.css'); /*-----------------------------------------------------------------------------------* /* Browser 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, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline} /* HTML5 display-role reset for older browsers */ 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} table{border-collapse:collapse; border-spacing:0} html{height:100%; background-repeat:repeat; background-color:#fff} body, p{margin:0; padding:0; font-family:'Droid Sans',arial,serif; font-size:12px; color:#333333; line-height:20px; text-shadow:1px 1px 1px #fff} #wrapper{height:100%} /*-----------------------------------------------------------------------------------* /* Headings /*-----------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6{ font-family:'Droid Serif',arial,serif; font-weight:normal; color:#666666; } h3, h4{font-size:14px; text-shadow:1px 1px 1px #fff} h5{margin:0px 0 5px 0;} h4{margin:0px 0px 12px 0px;} h5, h6{ font-size:14px; text-transform:capitalize;} h1{font-size:24px; margin:0px 0 10px 0; font-weight:normal; color:#696969; font-family:'Droid Serif',arial,serif; text-shadow:1px 1px 1px #fff} h2{ font-size:18px; color:#696969; margin:5px 0 10px 0; font-weight:normal; font-family:'Droid Serif',arial,serif; text-transform:capitalize; text-shadow:1px 1px 1px #fff } h3{ margin:10px 0 20px 0; } h5{font-size:12px; margin:0px 0 8px 0; color:#595959; font-weight:normal; /*border-bottom:1px solid #ddd; */padding-bottom:5px; font-style:normal; text-transform:capitalize; text-shadow:1px 1px 1px #fff} h6{font-size:12px; margin:0px 0 8px 0; color:#666; font-weight:normal; padding-bottom:5px; font-family:'Droid Sans',arial,serif; font-style:normal; text-transform:uppercase; text-shadow:1px 1px 1px #fff} .staticheading{font-size:26px; font-weight:normal; color:#f8f8f8; font-family:'Droid Serif',arial,serif; text-shadow:1px 1px 1px #333} h2 span {background: #ffffff none repeat; padding-left:10px; padding-right:10px;} h4 span {background: #ffffff none repeat; padding-left:10px; padding-right:10px;} /*-----------------------------------------------------------------------------------* /* WordPress Styles /*-----------------------------------------------------------------------------------*/ /*aligns*/ .aligncenter{display:block; margin:0 auto} .alignright{float:right; margin:0 0 20px 20px} .alignleft{float:left; margin:0 20px 20px 0} /*floats*/ .floatleft{float:left} .floatright{float:right} /*text style*/ .textcenter{text-align:center} .textright{text-align:right} .textleft{text-align:left} /*captions*/ .wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0} /*smiley reset*/ .wp-smiley{margin:0 !important; max-height:1em} /*-----------------------------------------------------------------------------------* /* Main Content & Common Classes /*-----------------------------------------------------------------------------------*/ /*MAIN STYLING FOR HYPERLINKS IN THE BODY COPY*/ a{text-decoration:none; color:#666666; outline:0; font-weight:normal; font-style:normal} a:hover{text-decoration:underline; color:#2F4048; outline:0; font-weight:normal} /*MAIN CONTENT WIDTHS PADDING AND MARGINS FOR FRAMEWORK------------------*/ #content{width:100%; border-top:4px solid #F5F5F5; border-bottom:4px solid #F5F5F5; } #content_900{width:960px; margin:0 auto; overflow:hidden; padding-top:20px; padding-bottom:20px} #contentsecondary{width:100%; background-image:url(images/secondarybg.png); background-repeat:repeat-x; background-position:left top} #content_900secondary{width:960px; margin:0 auto; overflow:hidden} /*SHELLS FOR CONTENT ALIGNMENT----------------------------------*/ .maincontent{width:960px; float:left; padding-left:0px; padding-right:0px; margin-top:0px; margin-bottom:0px} .maincontentsecondary{width:960px; float:left; padding-left:0px; padding-right:0px; margin-bottom:30px; margin-top:20px} .mainshell{width:960px; float:left; margin-top:10px; margin-bottom:10px; margin-right:0px; margin-left:0px} .mainshellcolor{width:940px; float:left; margin-top:10px; margin-bottom:10px; padding-left:10px; padding-right:10px; background-color:#f4f4f4; padding-top:10px; padding-bottom:10px; background-color:#efefef; background-image:url(images/button/stripeclear.png); background-repeat:repeat; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px} .sortable{width:940px; float:left; margin-top:10px; margin-bottom:10px; padding-left:10px; padding-right:10px} .mainshellsidebar{width:240px; float:left; padding-top:0px} .mainshellrightsmall{width:305px; float:right; margin-top:10px; margin-bottom:10px; padding-left:10px; padding-right:10px} .mainshellblogpost{width:610px; float:left; margin-top:10px; margin-bottom:10px; padding-left:10px; padding-right:10px} .mainshellleft{width:720px; float:left} .mainshellright{width:720px; float:right} .mainshelllblog{width:705px; float:left; padding-right:10px} /*MAIN GRID CONTENT MEASUREMENTS FOR FOURTH AND THIRD ETC BOXES---------------------------------------*/ .fullwidth{width:940px; float:left; padding:10px} .smallboxes{float:left; width:125px; padding:20px; margin-left:0px; height:125px; margin-top:15px; margin-bottom:5px; padding-top:10px; padding-bottom:25px; background-image:url(images/smallshadowbg.png); background-position:center center; background-repeat:no-repeat} .twothirds{float:left; width:605px; padding:10px; margin-left:2px} .twothirdsbump{float:left; width:605px; padding:10px; margin-left:2px; padding-top:0px; padding-bottom:20px} .onethirdshadow{float:left; width:290px; margin-left:0px; padding:10px; background-image:url(images/onethirdclear.png); background-position:center center; background-repeat:no-repeat; padding-top:0px; padding-bottom:20px; margin-right:3px} .bloghalfpostshadow{float:left; width:320px; padding:10px; background-image:url(images/onethirdclear.png); background-position:center center; background-repeat:no-repeat; padding-top:0px; padding-bottom:20px; margin-right:10px} .onethirdmag{float:left; width:290px; margin-left:0px; padding:10px; background-image:url(images/onethirdmagnify.png); background-position:center center; background-repeat:no-repeat; margin-right:3px; padding-top:0px; padding-bottom:20px} .onethirdmovie{float:left; width:290px; margin-left:0px; padding:10px; background-image:url(images/onethirdmovie.png); background-position:center center; background-repeat:no-repeat; margin-right:3px; padding-top:0px; padding-bottom:20px} .onethirdview{float:left; width:290px; margin-left:0px; padding:10px; background-image:url(images/onethirdviewpost.png); background-position:center center; background-repeat:no-repeat; margin-right:3px; padding-top:0px; padding-bottom:20px} .onehalf{float:left; width:460px; padding:10px} .onehalfbump{float:left; width:450px; padding:10px; padding-top:0px; padding-bottom:20px} .onehalfshadow{float:left; width:450px; padding:10px; height:220px; background-image:url(images/onehalfshadowbg.png); background-repeat:no-repeat; background-position:center center} .onefourth{float:left; width:220px; padding:10px} .oneeight{float:left; width:215px; padding:10px} .onefourthnote{float:left; width:220px; padding:10px; color:#aaa; font-size:12px} .onefourthtwitter{float:left; width:220px; padding:10px} .onefourthbump{float:left; width:220px; padding:10px; padding-top:10px; padding-bottom:10px} .onefourthcenter{float:left; width:220px; padding:0px; padding-top:10px; padding-bottom:10px; text-align:left} .onehalfcenter{float:left; width:300px; padding:0px; padding-top:10px; padding-bottom:10px; text-align:left; margin-left:0px} .onefourthfr{float:left; width:215px; padding:10px; text-align:right} .onefourthshadow{float:left; width:220px; padding:10px; background-repeat:no-repeat; padding-top:10px; padding-bottom:10px} .onefourthmag{float:left; width:215px; padding:10px; background-image:url(images/onefourthmagnify.png); background-position:center center; background-repeat:no-repeat; padding-top:0px; padding-bottom:20px} .onehalfmag{float:left; width:300px; padding:10px; padding-top:10px; padding-bottom:10px; margin-left:0px} .onethirdbumpblog{float:left; width:320px; padding:10px; padding-top:0px; padding-bottom:10px; margin-right:10px} .onethirdbump{float:left; width:290px; margin-left:0px; padding:10px; margin-right:3px; padding-top:0px; padding-bottom:10px} .onethirdcenter{float:left; width:290px; margin-left:0px; padding:10px; text-align:center; margin-right:3px; padding-top:0px; padding-bottom:20px} .onethird{float:left; width:300px; margin-left:0px; padding:10px; position:relative; overflow:hidden} .onethirdhighlight{float:left; width:300px; padding:10px; background-repeat:no-repeat; text-align:left} .widget-area-footer{float:left; width:200px; padding:0px} /*IMAGE BANNERS AND FULL WIDTH SPAN TEXT--------------------------------------------------*/ .imagebanner{float:left; width:920px; padding-left:20px; padding-right:20px; height:100px; margin-top:5px; margin-bottom:5px} .textbanner{float:left; width:920px; padding-left:10px; padding-right:10px; height:auto; margin-top:15px; margin-bottom:15px; text-align:center; padding-top:15px; padding-bottom:15px; background-repeat:no-repeat; background-position:left center; margin-left:10px; margin-right:10px; font-size:18px} .textbannersidebar{float:left; width:605px; padding-left:10px; padding-right:10px; height:auto; margin-top:10px; margin-bottom:10px; text-align:left; padding-top:10px; padding-bottom:10px; background-repeat:no-repeat; background-position:left center; margin-left:0px; margin-right:0px; font-size:18px} .textshell{float:left; width:605px; padding-left:10px; padding-right:10px; margin-top:10px; margin-bottom:10px} .textbannerindex{float:left; width:960px; padding-left:0px; padding-right:0px; height:auto; margin-top:20px; margin-bottom:20px; text-align:center; padding-top:10px; padding-bottom:10px; background-repeat:no-repeat; background-position:left center; margin-left:0px; margin-right:0px; font-size:18px; color:#f2f2f2; font-style:normal} .textbannersmall{float:left; width:920px; padding-left:10px; padding-right:10px; height:55px; margin-top:5px; margin-bottom:0px; text-align:center; padding-top:10px; padding-bottom:5px; background-repeat:no-repeat; background-position:left center; margin-left:10px; margin-right:10px; font-size:18px} .textbannerleft{float:left; width:540px; padding-left:0px; padding-right:0px; height:80px; margin-top:0px; margin-bottom:0px; text-align:left; padding-top:0px; padding-bottom:0px; background-repeat:no-repeat; background-position:left center; margin-left:20px; margin-right:20px} .imagebannerindex{float:left; width:920px; padding-left:20px; padding-right:20px; height:100px; margin-top:20px; margin-bottom:20px; background-image:url(images/indexbanner.png); background-position:center center; background-repeat:no-repeat} .gridbox{float:left; width:450px; padding:10px} .examples{float:left; width:100%; margin-top:15px} .readmorebuffer{float:left; width:100%; margin-top:10px; margin-bottom:20px} .linkbox{float:left; width:100%; margin-top:15px} .blockquote{float:left; padding:10px; padding-left:75px; margin-top:15px; margin-bottom:15px; background-image:url(images/quotes.png); background-repeat:no-repeat; background-position:center left} .sidebar{float:left; width:240px; height:100%; padding-top:0px; margin-top:20px} /*FORM INPUT FIELDS AND MESSAGE OR COMMENTS BOX HERE -------------------------------*/ .inputbox{-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc); border:0px; background-color:#F2F2F2; border:1px solid #ddd; padding:5px; width:450px; font-family:'Droid Serif',arial,serif; font-size:12px; color:#A4A4A4; height:30px} .inputbox:hover{ background-color:#F0F0F0 } .inputboxsmall{-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc); border:0px; background-color:#F2F2F2; border:1px solid #ddd; padding:5px; width:20px; font-family:'Droid Serif',arial,serif; font-size:12px; color:#A4A4A4; height:30px} .inputboxsmall:hover{ background-color:#F0F0F0 } #message{width:450px; float:left; padding-left:10px; padding-right:10px} .inputboxmessage{-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc); border:0px; background-color:#F2F2F2; padding:5px; font-size:12px; width:450px; height:200px; font-family:'Droid Serif',arial,serif; font-size:12px; color:#999; overflow:hidden; border:1px solid #ddd} .inputboxmessage:hover{ background-color:#F0F0F0 } .leftsidediv{float:left; width:595px; padding:10px; margin-left:2px; margin-top:10px; margin-bottom:10px} .divider{height:20px; width:920px; float:left; padding:20px; background-image:url(images/divider.png); background-repeat:no-repeat; background-position:center center; padding-top:15px; padding-bottom:15px} #slider1{height:auto; width:940px; float:left; text-align:center} .entireslider{float:left; margin-top:10px; margin-bottom:10px; width:940px; height:180px; padding:9px; background-color:#fff; border:1px solid #ddd} .latest{float:left; width:220px; margin-top:40px; margin-bottom:0px; padding-left:20px; margin-right:0px} .newprojects{float:left; width:660px; background-repeat:no-repeat; height:180px; padding-left:30px; background-position:left top; margin-top:0px; margin-bottom:0px; padding-right:10px; padding-top:0px} /*TAB CONTAINERS FOR SIDEBAR CONTENT-----------------------------------*/ ul.tabs{margin:0px; padding:0; float:left; list-style:none; height:20px; /*--Set height of tabs--*/width:220px; text-align:left; font-style:normal; margin-left:10px; margin-right:10px; line-height:20px; margin-top:10px; } ul.tabs li{float:left; margin:0; padding:0; height:30px; /*--Subtract 1px from the height of the unordered list--*/line-height:30px; /*--Vertically aligns the text within the tab--*/border-left:none; /*--Pull the list item down 1px--*/overflow:hidden; position:relative; text-align:left} ul.tabs li a{color:#a4a4a4; text-decoration:none; display:block; font-size:14px; padding:0px; /*--Gives the bevel look with a 1px white border inside the list item--*/margin-right:10px; outline:none; text-align:left; font-style:normal; text-transform:capitalize;} ul.tabs li a:hover{color:#595959} ul.tabs li.active a{color:#595959;} .tab_container{border-top:none; overflow:hidden; float:left; width:220px; padding:0px; text-align:left} .tab_content{padding-top:0px; padding-bottom:0px} /*-----------------------------------------------------------------------------------* /* Portfolio /*-----------------------------------------------------------------------------------*/ /*PORTFOLIO WRAP FOR EACH ITEM HERE-----------------------------------*/ .portwrap{height:auto; float:left; width:240px; margin-left:0px; margin-bottom:20px} .portwraphalf{height:auto; float:left; width:320px} .portwrapthree{height:auto; float:left; width:320px; margin-left:0px; margin-bottom:20px} /*START QUICKSAND CSS HERE-------------------------------------------*/ #container{width:960px; float:left; margin-top:0px} /*- FILTER OPTIONS -*/ ul#filterOptions{} ul#filterOptions li{} ul#filterOptions li a{color:#999; font-weight:normal; text-decoration:none; float:left;} ul#filterOptions li a:hover{ text-decoration:none; color:#696969; } ul#filterOptions li.active a{ background-position:left top; color:#696969; border-color:#D1D1D1 } #filterOptions a, .btn_reg{ background-image:url(images/patterns/striped.png); background-position:left top; cursor:pointer; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; background-repeat:repeat; line-height:20px; padding:3px 10px 3px 10px; text-shadow:0px 1px 1px #111; color:#999; width:auto; height:20px; background-color:#e6e6e6; text-shadow:none; font-size:11px; margin-top:10px; margin-bottom:5px; overflow:hidden; display:block; float:left; margin-right:10px; border:1px solid #fff; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} #filterOptions a:hover, .btn_reg:hover{background-image:url(images/patterns/striped.png); background-position:left top; cursor:pointer; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; background-repeat:repeat; line-height:20px; padding:3px 10px 3px 10px; text-shadow:0px 1px 1px #111; color:#696969; width:auto; height:20px; background-color:#e6e6e6; text-decoration:none; text-shadow:none; font-size:11px; margin-top:10px; margin-bottom:5px; overflow:hidden; display:block; float:left; margin-right:10px; border:1px solid #D1D1D1; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} .button_reg{background-image:url(images/patterns/striped.png); height:35px; background-position:left top; cursor:pointer; background-repeat:repeat; line-height:10px; padding:3px 10px 3px 10px; text-shadow:0px 1px 1px #111; color:#999; width:auto; height:20px; background-color:#F3F3F3; text-shadow:none; font-size:11px; margin-top:15px; margin-bottom:5px; overflow:hidden; display:block; float:left; margin-right:10px; border:1px solid #ddd; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} .button_reg:hover{background-image:url(images/patterns/striped.png); height:35px; background-position:left top; cursor:pointer; background-repeat:repeat; line-height:10px; padding:3px 10px 3px 10px; text-shadow:0px 1px 1px #111; color:#696969; width:auto; height:20px; background-color:#F3F3F3; text-shadow:none; font-size:11px; margin-top:15px; margin-bottom:5px; overflow:hidden; display:block; float:left; margin-right:10px; border:1px solid #d2d2d2; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} /*- OUR DATA HOLDER USED FOR QUICKSAND PORTFOLIO -*/ ul.ourHolder{height:auto; overflow:hidden; width:960px} ul.ourHolder li.item{float:left; width:240px; margin-top:0px} /*- -*/ /*- OUR DATA HOLDER USED FOR QUICKSAND PORTFOLIO 2 COLUMNS -*/ ul.ourHoldertwo{height:auto; overflow:hidden; width:960px} ul.ourHoldertwo li.item{float:left; width:320px; margin-top:0px} .error_message{display:block; height:22px; line-height:22px; background:#FBE3E4 url('../../assets/error.gif') no-repeat 10px center; padding:3px 10px 3px 35px; color:#8a1f11; border:1px solid #FBC2C4; -webkit-border-radius:5px} .loader{padding:0 10px} acronym{border-bottom:1px dotted #ccc} /*END MAIN CSS SETTINGS AND HEADERS*/ /*START IMG BORDERS AND HOVER EFFECTS*/ /*General Mosaic Styles*/ .mosaic-block-blog { float:left; position:relative; overflow:hidden; width:680px; height:260px; margin:0px; background:#ddd url(images/progress.png) no-repeat center center; -moz-box-shadow: 0 0 2px #ddd; -webkit-box-shadow: 0 0 2px#ddd; box-shadow: 0 0 2px #ddd; } .mosaic-block-third { float:left; position:relative; overflow:hidden; width:300px; height:160px; margin:0px; margin-bottom:20px; background:#ddd url(images/progress.png) no-repeat center center; -moz-box-shadow: 0 0 2px #ddd; -webkit-box-shadow: 0 0 2px#ddd; box-shadow: 0 0 2px #ddd; } .mosaic-block-half { float:left; position:relative; overflow:hidden; width:300px; height:160px; margin:0px; background:#ddd url(images/progress.png) no-repeat center center; -moz-box-shadow: 0 0 2px #ddd; -webkit-box-shadow: 0 0 2px#ddd; box-shadow: 0 0 2px #ddd; } .mosaic-block-fourth { float:left; position:relative; overflow:hidden; width:220px; height:160px; margin:0px; background:#ddd url(images/progress.png) no-repeat center center; -moz-box-shadow: 0 0 2px #ddd; -webkit-box-shadow: 0 0 2px#ddd; box-shadow: 0 0 2px #ddd; } .mosaic-backdrop { position:absolute; top:0; height:100%; width:100%; background:#ddd; } .mosaic-overlay { display:none; z-index:5; position:absolute; width:100%; height:100%; background:#111; } /*** Custom Animation Styles (You can remove/add any styles below) ***/ .magnify .mosaic-overlay { background:url(images/hover-magnify.png) no-repeat center center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none; } .info .mosaic-overlay { background:url(images/hover-big.png) no-repeat center center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none; } /*** Custom Animation Styles (You can remove/add any styles below) ***/ .magnify .mosaic-overlay{background:url(images/hover-magnify.png) no-repeat center center; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none} .info .mosaic-overlay{background:url(images/hover-big.png) no-repeat center center; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none} img{border:none} .imgstyle{float:left; border:1px solid #fff; padding:4px; background-color:#E8E8E8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd} .img_left{float:left; display:block; margin:0px 10px 0px 0px} .img_left_blog{float:left; display:block; margin:0px 15px 5px 0px; border:3px solid; border-color:#C5C5C5} .img_left_blog:hover{float:left; display:block; margin:0px 15px 5px 0px; border:3px solid; border-color:#999} .img_postimg{float:left; display:block; border:3px solid; border-color:#C5C5C5} .img_postimg:hover{float:left; display:block; border:3px solid; border-color:#999} .img_left_border{float:left; display:block; margin:5px 15px 5px 0px; border:3px solid; border-color:#999} .img_left_border:hover{float:left; display:block; margin:5px 15px 5px 0px; border:3px solid; border-color:#333} .img_social{float:left; display:block; margin:14px 10px 0px 0px} .img_social:hover{float:left; display:block; margin:14px 10px 0px 0px} .blog_img{float:left; display:block; margin:0px 0px 0px 0px; border:1px solid #f8f8f8} .stitch{width:100%; height:5px; background-image:url(images/patterns/stitch.png); background-repeat:repeat-x; background-position:center center} .stitchleft{width:100%; height:5px; background-image:url(images/patterns/stitch.png); background-repeat:repeat-x; background-position:center center; float:left} .blog_img:hover{float:left; display:block; margin:0px 0px 0px 0px; border:1px solid #f8f8f8} .img_left_banner{float:left; display:block; margin:15px 10px 0px 0px} .imgleft100{float:left; display:block; margin:0px 10px 10px 0px} .postnone{font-size:10px; font-weight:normal; display:block; float:left; width:120px; padding:5px; padding-left:15px} .imgleft100border{float:left; border:1px solid #ccc; padding:5px; background-color:#E8E8E8} .imgleft100border:hover{float:left; border:1px solid #444; padding:5px; background-color:#E8E8E8} .img_left_bordertut{float:left; display:block; margin:5px 15px 5px 0px; border:3px solid; border-color:#C5C5C5} .img_left_bordertut:hover{float:left; display:block; margin:5px 15px 5px 0px; border:3px solid; border-color:#999; margin-right:25px} .imginside{float:left; height:auto; display:block} .imghovershell{float:left; border:1px solid #ccc; padding:4px; background-color:#E8E8E8} .imghovershell:hover{float:left; border:1px solid #444; padding:4px; background-color:#E8E8E8} .imghover{float:left; border:1px solid #fff; padding:4px; background-color:#e8e8e8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd} .imghovermargin{float:left; border:1px solid #ccc; padding:4px; background-color:#E8E8E8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; margin-right:15px; margin-top:3px} .imghovermargin:hover{float:left; border:1px solid #888; padding:4px; background-color:#E8E8E8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; margin-right:15px; margin-top:3px} .imgposted{float:left; border:1px solid #fff; padding:4px; background-color:#E8E8E8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd} .imghover:hover{float:left; border:1px solid #999; padding:4px; background-color:#E8E8E8} .side-avatar {float:left; border:1px solid #fff; padding:4px; background-color:#E8E8E8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; margin-right:15px; margin-top:3px; margin-bottom:10px; -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in} .side-comment-content {margin-bottom:10px;} #author-avatar{float:left; border:1px solid #ccc; padding:4px; background-color:#E8E8E8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; margin-right:15px; margin-top:3px; margin-left:10px;} #author-details-heading{float:left; margin-top:10px;} .related-post-image{float:left; border:1px solid #fff; padding:4px; background-color:#E8E8E8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; margin-bottom:15px; margin-right:15px; margin-top:3px; margin-left:0px;} .related-post-image:hover{border-color:#999;} #related-posts{float:left; width:720px; padding-left:0px; margin-top:20px; margin-left:10px;} .related-post-content{float:left; width:200px; padding:0px;} .related-post{float:left; width:220px; padding:0px; margin-right:20px; } .related-post clearfix {float:left; width:200px;} #post-tags{margin-left:10px;} .relatedpost-heading{float:left; width:680px; padding-top:10px; padding-bottom:10px; background-image:url(images/span-line-small.png); background-position:center center; background-repeat:no-repeat; height:20px; text-align:center; margin-top:10px; margin-bottom:10px;} .attachment-widget-thumbnail {height:48px; width:48px; float:left; border:1px solid #fff; padding:4px; background-color:#E8E8E8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; margin-right:8px; margin-top:3px; margin-bottom:8px; -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in} .attachment-widget-thumbnail:hover {height:48px; width:48px; float:left; border:1px solid #999; padding:4px; background-color:#E8E8E8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; margin-right:8px; margin-top:3px; margin-bottom:8px; -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in} ul.recent-posts li {margin-bottom:8px;} ul.recent-posts li {display:block; float:left; width:100%; } .contactbtn {background: transparent url('images/button/contactformbtn.png') no-repeat scroll top right; border:0px; color: #444; display: block; float: left; font: normal 12px; text-shadow:1px 1px 1px #fff; height: 31px; margin-right: 0px; padding-right: 4px; /* sliding doors padding */ text-decoration: none; width:96px; padding-bottom:3px;} .contactbtn:hover { cursor:pointer; } /*END IMAGE BORDERS AND HOVER EFFECTS*/ /*-----------------------------------------------------------------------------------* /* Widgets & Sidebar & Pagination /*-----------------------------------------------------------------------------------*/ /*START WIDGETS AND SIDEBAR CONTENT AS WELL AS PAGI ON BOTTOM*/ .featuredsidebar{float:left; width:270px; padding-bottom:5px; padding-top:5px} #searchform input{float:left; width:197px; height:30px; background-repeat:no-repeat; background-position:right center; margin-top:0px; border:1px solid #ddd; line-height:30px; margin-bottom:0px; -khtml-border-radius:4px; background-repeat:repeat; background-color:#f2f2f2; font-style:italic; padding: 0px 10px; text-shadow: 1px 1px 1px #FFF; color: #999; } .sidebarinfo{float:right; width:100%; height:auto; margin-bottom:25px; font-size:12px} #edit-post-link{float:left; padding-left:10px;} /*flickr widget */ .dtl_flickr_widget ul{list-style: none; margin: 0; padding: 0;} .dtl_flickr_widget a img {height:48px; width:48px; float:left; border:1px solid #fff; padding:4px; background-color:#E8E8E8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; margin-right:8px; margin-top:3px; margin-bottom:8px; -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in} .dtl_flickr_widget a:hover img{height:48px; width:48px; float:left; border:1px solid #999; padding:4px; background-color:#E8E8E8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; margin-right:8px; margin-top:3px; margin-bottom:8px; -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in} #dtl_flickr-3{float:left; width:200px; padding:0px;} .widget-container dtl_flickr_widget onefourth {float:left; width:200px; padding:0px;} /*twitter widget*/ #deadTweets{padding-top:0px; margin-left:0px} #deadTweets li{margin-left:0px} .twitter{margin:0px; padding:0px 0px 0px 0px; text-align:left; float:left; height:auto; font-style:normal; background-repeat:no-repeat; background-position:right; font-weight:normal; background-position:center top; background-repeat:no-repeat} .twitterTime{font-size:11px; color:#666; margin-top:10px; margin-bottom:10px; font-weight:normal; display:block; font-style:italic; text-align:left} /*tabbed widget*/ .tabssidebar{float:left; width:270px; padding-bottom:20px; margin-top:15px; margin-bottom:15px} .tabs-featured{float:left; width:100%; padding-bottom:10px} .commentswidget{float:left; width:290px; padding-bottom:5px; border-bottom:1px dashed; border-color:#999; padding-top:5px; background-repeat:no-repeat} /*pagination*/ .pagi{width:540px; float:left; padding-left:5px; padding-right:10px} ul{border:0; margin:0; padding:0} #pagination-bar li{border:1px solid #333; border:0; margin:0; padding:0; font-size:12px; list-style:none; float:left;-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} #pagination-bar a{border:1px solid #333; margin-right:2px; float:left;} #pagination-bar .previous-off, #pagination-bar .next-off{border:1px solid #333; display:block; float:left; font-weight:normal; padding:4px 8px; padding-left:0px;-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} #pagination-bar .next a, #pagination-bar .previous a{font-weight:normal; border:1px solid #333; float:left;} #pagination-bar .active{display:block; float:left; padding:4px 8px; margin-left:5px; margin-right:5px; border:1px solid #333;-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} #pagination-bar a:link, #pagination-bar a:visited{display:block; float:left; padding:4px 8px; text-decoration:none; margin-left:5px; margin-right:5px;-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} #pagination-bar a:hover{border:1px solid #333;} ul.pagination-bar li.previous-off {border:0px;-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} ul.pagination-bar li.previous-off:hover {border:0px; background-color:transparent; cursor:default;-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} ul.pagination-bar li {border:1px solid #ddd; float:left; margin-right:5px; padding:8px; padding-top:3px; padding-bottom:3px;-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} ul.pagination-bar li:hover {border:1px solid #999; background-color:#eee; cursor:pointer; float:left; margin-right:5px; padding:8px; padding-top:3px; padding-bottom:3px;-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} ul.pagination-bar li.active {border:1px solid #999; float:left; margin-right:5px; padding:8px; padding-top:3px; padding-bottom:3px; background-color:#eee;-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} /*END WIDGETS AND PAGI CSS*/ /*-----------------------------------------------------------------------------------* /* Superfish Drop-down Menu /*-----------------------------------------------------------------------------------*/ /*SUPERFISH MENU STYLES*/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu *{margin:0; padding:0; list-style:none} .sf-menu{line-height:1.0} .sf-menu ul{position:absolute; top:-999em; width:15em; /* left offset of submenus need to match (see below) */} .sf-menu ul li{width:100%} .sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */} .sf-menu li{float:left; position:relative; margin-right:5px} .sf-menu a{display:block; position:relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0; top:3.5em; /* match top ul list item height */z-index:99} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:15em; /* match ul width */top:0} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:10em; /* match ul width */top:0} ul.sf-menu ul li:first-child{ background:url(images/dropdown_first.png) 0 top no-repeat; padding-top:10px ; padding-left:10px; width:180px; padding-right:10px; font-size:11px; } ul.sf-menu ul li:last-child{ background:url(images/dropdown_last.png) 0 bottom no-repeat; padding-bottom:8px; padding-left:10px; width:180px; padding-right:10px; font-size:11px; } ul.sf-menu ul li { display:block; background:url(images/dropdown_bg.png) 0 0 repeat-y; margin:0; height:auto; clear:both; position:relative; line-height:1.3em; padding-left:10px; width:180px; padding-right:10px; font-size:11px; } .sf-menu ul li a { display:block; color:#999; height: auto; /*dropdownline image here*/ background:url(images/dropdown_line.png) center bottom no-repeat; font-size:12px; font-style:normal; } .sf-menu ul li a:hover { font-size:12px; font-style:normal; } /*** DEMO SKIN ***/ .sf-menu{float:right; margin-bottom:1em} .sf-menu a{padding:.75em 1em; text-decoration:none; color:#333333; font-weight:normal; text-shadow:1px 1px 1px #fff; font-size:16px} .sf-menu a:hover{padding:.75em 1em; text-decoration:none; color:#666; font-weight:normal; text-shadow:1px 1px 1px #fff; font-size:16px; background-repeat:repeat} .sf-menu .current{/*background-image:url(images/patterns/40black.png); */background-repeat:repeat} .sub a{border-left:0px solid #333; padding:.75em 1em; text-decoration:none; color:#999; font-weight:normal; text-shadow:none; padding-left:10px;} .sub a:hover{border-left:0px solid #333; background-repeat:repeat; color:#666; padding:.75em 1em; text-decoration:none; font-weight:normal; padding-left:10px; } .sf-menu ul{/*background-color:#fff; */} .sf-menu li{} .sf-menu li li{} .sf-menu li li li{} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:hover, .sf-menu a:focus, .sf-menu a:active{outline:0} .sf-shadow ul{width:200px; } .sf-shadow ul.sf-shadow-off{background:transparent} /*END SUPERFISH MENU*/ /*-----------------------------------------------------------------------------------* /* PrettyPhoto /*-----------------------------------------------------------------------------------*/ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right:13px} div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor:pointer} div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor:pointer} div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor:pointer; width:28px; height:28px} div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor:pointer} div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor:pointer; width:28px; height:28px} div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor:pointer} div.pp_default .pp_close{width:30px; height:30px; background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa} div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next{position:static; left:auto} div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height:20px; width:20px; margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px; background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none; height:30px; width:105px; position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia; font-style:italic; font-color:#999; font-size:11px; left:75px; line-height:25px; position:absolute; top:2px; margin:0; padding:0 0 0 10px} div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px; font-weight:700; line-height:14px; margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000; display:none; left:0; position:absolute; top:0; width:100%; z-index:9500} div.pp_pic_holder{display:none; position:absolute; width:100px; z-index:10000} .pp_content{height:40px; min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative; text-align:left; width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left; margin:10px 0 2px} .pp_description{display:none; margin:0 0 5px} .pp_nav{clear:right; float:left; margin:3px 10px 0 0} .pp_nav p{float:left; margin:2px 4px} .pp_nav .pp_play, .pp_nav .pp_pause{float:left; margin-right:4px; text-indent:-10000px} a.pp_arrow_previous, a.pp_arrow_next{display:block; float:left; height:15px; margin-top:3px; overflow:hidden; text-indent:-10000px; width:14px} .pp_hoverContainer{position:absolute; top:0; width:100%; z-index:2000} .pp_gallery{display:none; left:50%; margin-top:-50px; position:absolute; z-index:10000} .pp_gallery div{float:left; overflow:hidden} .pp_gallery ul{float:left; height:35px; position:relative; white-space:nowrap; margin:0 0 0 5px; padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid; display:block; float:left; height:33px; overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block; float:left; margin:0 5px 0 0; padding:0} .pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display:block; height:33px; width:50px} .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display:block; float:right; height:100%; text-indent:-10000px; width:49%} a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display:block; float:left; height:100%; text-indent:-10000px; width:49%} a.pp_expand, a.pp_contract{cursor:pointer; display:none; height:20px; position:absolute; right:30px; text-indent:-10000px; top:10px; width:20px; z-index:20000} a.pp_close{position:absolute; right:0; top:0; display:block; line-height:22px; text-indent:-10000px} .pp_loaderIcon{display:block; height:24px; left:50%; position:absolute; top:50%; width:24px; margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff; display:none; font-size:17px; z-index:9999; margin:0 0 5px 15px} div.pp_default .pp_content, div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content{background:#fff} div.light_rounded .pp_description, div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled{background-position:0 -87px; cursor:default} div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled{background-position:-22px -87px; cursor:default} div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top, .pp_bottom{height:20px; position:relative} * html .pp_top, * html .pp_bottom{padding:0 20px} .pp_top .pp_left, .pp_bottom .pp_left{height:20px; left:0; position:absolute; width:20px} .pp_top .pp_middle, .pp_bottom .pp_middle{height:20px; left:20px; position:absolute; right:20px} * html .pp_top .pp_middle, * html .pp_bottom .pp_middle{left:0; position:static} .pp_top .pp_right, .pp_bottom .pp_right{height:20px; left:auto; position:absolute; right:0; top:0; width:20px} .pp_fade, .pp_gallery li.default a img{display:none} /*END PRETTYPHOTO GALLERY*/ /*START ORDERED LIST STYLES*/ ul{list-style:none; margin:0; padding:0} img{border:none} .menulist{width:auto; margin:0px} .menulist li a{ voice-family:"\"} \""; voice-family:inherit; text-decoration:none; display:block; padding-bottom:0px; padding-top:0px; padding-left:0px; margin-bottom:15px; background-repeat:no-repeat; background-position:left top} .menulist li a:link, #menulist li a:visited{background-position:left top; padding-right:0px; padding-bottom:0px; padding-top:0px; padding-left:0px; margin-bottom:15px} .menulist li a:hover{padding-right:0px; width:auto; background-repeat:no-repeat; background-position:left top; padding-bottom:0px; padding-top:0px; margin-bottom:15px; text-decoration:underline} .widget-container ul{width:auto; margin:0px} .widget_categories li a, .widget_recent_entries li a{ voice-family:"\"} \""; voice-family:inherit; text-decoration:none; padding-bottom:0px; padding-top:0px; padding-left:15px; margin-bottom:5px; background-image:url(images/slash.png); background-position:center left; background-repeat:no-repeat} .widget_categories li a:link, .widget_categories li a:visited, .widget_recent_entries li a:link, .widget_recent_entries li a:visited{background-image:url(images/slash.png); background-position:center left; background-repeat:no-repeat; padding-right:5px; padding-bottom:0px; padding-top:0px; padding-left:15px; margin-bottom:5px} .widget_categories li a:hover, .widget_recent_entries li a:hover{padding-right:5px; width:auto; padding-bottom:0px; padding-top:0px; margin-bottom:5px; text-decoration:underline} /*ordered lists and other lists*/ .orderedlistthird ul{list-style:none; margin:10px 0 0px 0; padding:0} .orderedlistthird{width:290px; margin:0px; border-size:0px; float:left; background-color:transparent; padding:10px} .orderedlistthird li a{height:32px; voice-family:"\"} \""; voice-family:inherit; height:24px; text-decoration:none; font-style:normal; margin-top:0px; margin-bottom:0px; border-bottom:1px dashed #999} .orderedlistthird li a:link, .orderedlist li a:visited{color:#666; display:block; background: url(images/orderedlist.png); background-repeat:no-repeat; padding:2px 0 0 30px} .orderedlistthird li a:hover{color:#333; background: url(images/orderedlist.png) 0 -32px; background-repeat:no-repeat; padding:2px 0 0 35px; border-bottom:1px dashed #999} .orderedlist ul{list-style:none; margin:15px 0 0px 0; padding:0} .orderedlist{width:215px; margin:0px; border-size:0px; float:left; background-color:transparent; padding:10px} .orderedlist li a{height:32px; voice-family:"\"} \""; voice-family:inherit; height:24px; text-decoration:none; font-style:normal; margin-top:5px; margin-bottom:5px} .orderedlist li a:link, .orderedlist li a:visited{color:#666; display:block; background: url(images/orderedlist.png); background-repeat:no-repeat; padding:2px 0 0 30px} .orderedlist li a:hover{color:#333; background: url(images/orderedlist.png) 0 -32px; background-repeat:no-repeat; padding:2px 0 0 35px} /*END ORDERED LIST STYLES*/ /*NIVO SLIDER STYLESHEET*/ /* The Nivo Slider styles */ /* The Nivo Slider styles */ .nivoSlider{position:relative} .nivoSlider img{position:absolute; top:0px; left:0px} .nivo-controlNav{position:absolute; left:10px; bottom:10px; z-index:999} .nivo-controlNav a{display:block; width:15px; height:15px; background:url(images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:0px; float:left; cursor:pointer} .nivo-controlNav a.active{background-position:-15px} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none} /* 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} /* Caption styles */ .nivo-caption{position:absolute; left:0px; bottom:350px; right:0px; opacity:0.8; width:960px; height:auto; z-index:89; font-family:'Droid Sans',arial,serif; font-weight:normal; color:#f2f2f2; text-shadow:1px 1px 1px #333; text-align:left; padding:10px; padding-top:5px; padding-bottom:10px} .nivo-caption p{padding-bottom:10px; margin:10px; color:#595959} .nivo-caption a{display:inline !important} .nivo-html-caption{ display:none} .capbutton{float:left; margin-left:45px; width:200px; margin-top:20px} /* Direction nav styles (e.g. Next &Prev) */ .nivo-directionNav a{position:absolute; top:45%; z-index:999; cursor:pointer; text-decoration:none; color:transparent; font-size:0px; text-shadow:none} .nivo-prevNav{display:block; background:url(images/button/leftnivosprite.png) no-repeat; width:25px; height:25px; text-indent:-999em; position:absolute; left:10px; z-index:9999} .nivo-prevNav:hover{background-position:0 100%; background-position:0px -25px} .nivo-nextNav{display:block; background:url(images/button/rightnivosprite.png) no-repeat; width:25px; height:25px; text-indent:-999em; position:absolute; right:10px; z-index:9999} .nivo-nextNav:hover{background-position:0 100%; background-position:0px -25px} .slidershell { width:930px; float: left; margin-top: 25px; margin-bottom: 25px; padding: 4px; height: 340px; background-color: #ddd; border:1px solid #fff; margin-left: 10px; margin-right: 10px; -moz-box-shadow: 0 0 4px #ddd; -webkit-box-shadow: 0 0 4px#ddd; box-shadow: 0 0 4px #ddd; } #slider{width:930px; /* Change this to your images width */height:340px; /* Change this to your images height */background:url(images/loading.png) no-repeat 50% 50%; margin-top:0px; color:#f8f8f8; float:left} #slider img{ display:none} #slider a{ border:0; display:block} #sliderthumbs{width:920px; /* Change this to your images width */height:340px; /* Change this to your images height */background:url(images/loading.png) no-repeat 50% 50%; margin-top:0px; color:#f8f8f8; float:left} #sliderthumbs img{ display:none} /*END NIVO SLIDER STYLES*/ /*START HEADERS*/ .colorstripe{width:100%; height:5px; background-image:url(images/patterns/colorstripe.png); background-repeat:repeat-x} .colorstripefooter{width:100%; height:5px; background-image:url(images/patterns/colorstripe.png); background-repeat:repeat-x; float:left} .headings{float:left; width:940px; margin-top:5px; margin-bottom:5px; margin-right:10px; margin-left:10px; padding-bottom:10px; text-align:center; padding-top:10px; height:30px; background-image:url(images/readmorespan.png); background-position:left center; background-repeat:no-repeat} .testimonials{float:left; width:940px; margin-top:5px; margin-bottom:5px; margin-right:10px; margin-left:10px; padding-bottom:10px; text-align:center; padding-top:10px; height:60px;/* [disabled]background-image:url(images/headingsbg.png); */background-position:center center; background-repeat:no-repeat} .topheadings{float:left; width:620px; margin-bottom:0px; margin-top:25px; margin-right:10px; margin-left:10px} .uheadings{display:block; width:100%; font-size:14px; color:#999; font-style:normal; text-shadow:1px 1px 1px #fff} .uheadingsmini{ display:block; width:100%; font-size: 11px; color: #aaa; font-style: normal; text-shadow: none; } .uheadingsmini a{font-size: 11px; color: #aaa; font-style: normal; text-shadow: none;} .uheadingsmini a:hover{font-size: 11px; color: #333; font-style: normal; text-shadow: none;} .header900color{width:100%; background-image:url(http://www.gcreklam.com/ozakbez/wp-content/uploads/2012/01/headmenu.jpg); height:148px; border-bottom:4px solid; border-color:#F5F5F5} .uspan{/* [disabled]display:block; */font-size:13px; color:#aaa; font-style:italic; font-family:'Droid Serif',arial,serif; text-shadow:none; float:left;/* [disabled]width:100%; */} .ucenter{font-size:12px; display:block; width:100%; color:#aaa; font-style:italic} .secondheading{float:left; width:650px} .sliderheading{font-size:72px; margin:50px 0 50px 0; font-weight:normal; color:#f2f2f2; display:block} #secondaryindex{width:100%; background-repeat:no-repeat; height:auto; background-position:center top} #header_900index{width:960px; margin:0 auto; padding-left:0px; padding-right:0px; padding-top:0px; height:400px} #header_900nav{width:960px; min-height:80px; height:auto; margin:0 auto; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:15px; background-repeat:no-repeat} .slidernav{width:100%; height:75px} .slidernav_900{width:960px; height:120px; margin:0 auto} .indexbutton{float:right; width:220px; margin-top:8px; padding-top:5px; margin-right:0px; padding-right:10px; padding-left:10px; background-repeat:no-repeat; background-position:center center; height:60px} #header_900secondary{width:920px; height:90px; margin:0 auto; overflow:visible; padding-left:20px; padding-right:20px; padding-top:30px; background-image:url(images/shadowslider.png); background-position:center bottom; background-repeat:no-repeat} #header_900indexstatic{width:960px; height:375px; margin:0 auto; overflow:visible; padding-left:0px; padding-right:0px; padding-top:0px; background-position:center bottom; background-repeat:no-repeat} .statictext{float:left; width:280px; padding:20px; color:#f8f8f8; text-shadow:1px 1px 1px #333; margin-top:10px; padding-left:10px} .staticimage{float:left; width:960px; height:360px; background-image:url(images/media/slides/staticslide.png); background-repeat:no-repeat; background-position:right bottom; margin-top:15px} .slidernavi{float:left; width:960px} .slideshadow{width:100%; background-repeat:repeat; height:400px} #header_900index{width:960px; height:530px; margin:0 auto; padding-left:0px; padding-right:0px; padding-top:0px} #header_900thumbs{width:960px; height:600px; margin:0 auto; padding-left:0px; padding-right:0px; padding-top:0px} .headingbanner{width:920px; padding-left:20px; padding-right:20px; float:left; padding-top:10px; padding-bottom:0px; height:90px} #header_900index_second{width:960px; height:100px; margin:0 auto; overflow:hidden; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px} #secondary_900{width:960px; height:40px; margin:0 auto; overflow:visible; padding-left:0px; padding-right:0px; padding-top:15px; background-position:center bottom; background-repeat:no-repeat; padding-bottom:15px} .navbar{float:right; text-shadow:1px 1px 0px #fff} .logo{float:left; width:250px; margin-top:0px; margin-bottom:0px; background-repeat:no-repeat; padding-right:0px; padding-left:0px; -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in; margin-left:10px} .logo a:hover{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in} .sliderbg{float:left; width:960px; height:330px; overflow:hidden; margin-top:50px} #headingfull_900{width:960px; margin:0 auto; overflow:hidden;/* [disabled]background-image:url(images/bottomshadowdown.png); */background-repeat:no-repeat; background-position:center top; height:auto} #lipsum{float:left; padding:10px;} /*END HEADERS STYLE*/ /*START FOOTER STYLES*/ .footerlinksleft{float:left; height:70px; width:400px; padding:10px; text-align:left; font-size:12px; margin-left:0px; padding-top:0px; padding-bottom:0px; line-height:70px; margin-top:5px} .footerlinksleft ul{list-style:none; margin:0; padding:0; } .footerlinksleft li{float:left; margin-left:4px; height:70px; line-height:70px;} .footerlinksright{float:right; height:70px; width:520px; padding:10px; text-align:right; font-size:12px; margin-right:0px; padding-top:0px; padding-bottom:0px; line-height:70px; margin-top:5px} /*tipsy*/ .tipsy{padding:5px; font-size:10px; opacity:0.8; filter:alpha(opacity=80); background-repeat:no-repeat; background-image:url(images/main/tipsy.gif)} .tipsy-inner{padding:5px 8px 4px 8px; background-color:black; color:white; max-width:200px; text-align:center} .tipsy-inner{-moz-border-radius:3px; -webkit-border-radius:3px} .tipsy-north{background-position:top center} #footer_900{width:960px; background-position:center top; background-repeat:no-repeat; margin:0 auto} .footershell{width:960px; float:left; margin-top:20px; margin-bottom:20px; padding-left:0px; padding-right:0px; font-size:12px; } /*START COMMENTS*/ .datesnone{font-size:10px; font-style:italic; font-weight:normal; display:block; float:left; width:125px; padding:5px; padding-left:0px} .postedby{font-size:10px; font-weight:normal; display:block; padding-top:5px; padding-bottom:5px; background-image:url(images/icons/post.png); background-repeat:no-repeat; background-position:center left; padding-left:20px; float:left; padding-right:10px; font-style:normal} .dates{font-size:10px; font-weight:normal; display:block; padding-top:5px; padding-bottom:5px; background-image:url(images/icons/calendar.png); background-repeat:no-repeat; background-position:center left; padding-left:20px; float:left; padding-right:10px} .datesfull{font-size:10px; font-weight:normal; display:block; padding-top:5px; padding-bottom:5px; background-image:url(images/icons/calendar.png); background-repeat:no-repeat; background-position:center left; padding-left:20px; text-align:left} .datesfullnone{font-size:10px; font-style:italic; font-weight:normal; display:block; padding-top:5px; padding-bottom:5px; background-image:url(images/icons/calendar.png); background-repeat:no-repeat; background-position:center left; padding-left:20px; text-align:left} .singlepost{float:left; width:700px; margin-top:20px; margin-bottom:20px} .singleportfolio{float:left; width:720px; margin-top:20px; margin-bottom:20px} .viewprev{width:95px; padding:10px; float:left; margin-right:5px; text-align:center; margin-top:10px} .viewnext{width:60px; padding:0px; float:left; text-align:left; margin-top:20px; text-align:left; margin-right:10px;} .singlepostright{float:left; width:725px; margin-top:5px; margin-bottom:20px} .singleimg{float:left; width:680px; padding-top:10px; padding-bottom:10px; margin-right:0px; padding-left:10px; padding-right:10px} .portfoliolarge{float:left; width:680px; padding-top:10px; padding-bottom:10px; margin-right:0px; padding-left:10px; padding-right:10px} .singleimgright{float:left; width:680px; padding-top:10px; padding-bottom:20px; margin-left:0px; padding-left:10px; padding-right:10px} .singleblogimg{float:left; width:680px; padding-top:10px; padding-bottom:10px; margin-right:0px; padding-left:10px; padding-right:10px} .submitcomment{margin-top:0px; margin-bottom:20px; width:720px; float:left} .postingnote{float:right; width:180px; padding:10px; margin-right:30px; border:1px solid #efefef; margin-top:10px} .postingnoteright{float:right; width:190px; padding:10px; margin-right:10px; background-image:url(images/patterns/content_stripe.png); background-repeat:repeat-x; border:1px solid #efefef; margin-top:10px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../../js/border-radius.htc)} .startcomments{float:left; width:720px} .singledetailsimg{float:left; border:1px solid #fff; padding:4px; background-color:#E8E8E8; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; margin-right:15px; margin-top:5px} .singledetails{margin-right:20px; width:auto; padding-left:0px; padding-right:0px; padding-bottom:3px; padding-top:0px; font-size:10px; font-style:normal} .postername{width:100%; margin-top:0px; padding-left:0px; padding-right:0px; padding-bottom:3px; padding-top:0px; font-size:14px; font-style:normal} .posternamereply{width:100%; margin-top:0px; padding-left:10px; padding-right:0px; padding-bottom:3px; padding-top:0px; font-size:14px; font-style:normal} .commentpost{margin: 0px 10px 20px 10px} .commentpostright{float:left; width:675px; padding:10px; margin-right:10px; margin-bottom:20px; margin-left:20px} .commentpostadmin{float:left; width:680px; padding:10px; margin-right:0px; margin-bottom:20px; margin-left:0px; -khtml-border-radius:4px} .commentpostadminright{float:left; width:675px; padding:10px; margin-right:10px; margin-bottom:20px; background-image:url(images/patterns/content_stripe.png); background-repeat:repeat-x; margin-left:20px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../../js/border-radius.htc); border:1px solid #efefef} .commentpostreplyright{float:left; width:575px; padding:10px; margin-right:10px; padding-left:110px; margin-bottom:20px; margin-left:20px} .commentpostreplyadmin{float:left; width:640px; padding:10px; margin-right:0px; margin-bottom:20px; margin-left:10px; -khtml-border-radius:4px; padding-left:40px; border-left:3px solid #ddd} .commentpostreplyadminright{float:left; width:575px; padding:10px; margin-right:10px; margin-bottom:20px; margin-left:120px; background-image:url(images/patterns/content_stripe.png); background-repeat:repeat-x; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../../js/border-radius.htc); border:1px solid #efefef} .commentcount{float:left; width:680px; background-image:url(images/span-line-small.png); background-position: center bottom; padding-bottom: 15px; background-repeat:no-repeat; padding-top:10px; margin-right:0px; height:40px; line-height:40px; font-size:14px; font-style:normal; margin-left:10px; margin-top:20px; margin-bottom:20px; padding-left:0px; padding-right:10px} .commentcountright{float:left; width:672px; padding:10px; margin-right:20px; height:40px; line-height:40px; font-size:14px; font-style:normal; border-bottom:1px solid #ddd; margin-left:20px; margin-top:10px; margin-bottom:20px} .jumptocomment{float:right; width:auto; height:40px} .postcontent{float:left; width:680px; margin-top:10px} .postcontentreply{margin-top:10px; margin-left: 70px;} .side-comment-wrap{float:left; margin-bottom:15px;} .comments{float:right; width:100px; font-style:normal;} .postform{width:450px; margin-right:0px; padding:10px; padding-left:0px; float:left; margin-bottom:5px;} .postformright{width:450px; margin-left:20px; padding:10px; float:left} .formtitle{float:left; width:680px; padding:10px; margin-right:10px; height:40px; line-height:40px; font-size:16px; font-style:italic; border-bottom:1px solid #ddd; margin-left:10px; margin-top:20px; margin-bottom:20px; padding-left:0px; padding-right:0px} .formtitleright{float:left; width:675px; padding:10px; margin-right:10px; height:40px; line-height:40px; font-size:16px; font-style:italic; border-bottom:1px solid #ddd; margin-left:20px; margin-top:20px; margin-bottom:20px} .posttitlesingle{float:left; width:680px; padding-top:0px; padding-left:10px; padding-bottom:0px; padding-right:10px; margin-right:0px} .posttitlesingleright{float:left; width:680px; padding-top:0px; padding-left:10px; padding-bottom:0px; padding-right:10px; margin-left:0px} .posttitle{float:left; width:680px; padding-top:0px; padding-left:10px; padding-bottom:0px; padding-right:10px} .by{font-size:10px; font-weight:normal; display:block; padding-top:5px; padding-bottom:5px; background-image:url(images/icons/calendar.png); background-repeat:no-repeat; background-position:center left; padding-left:20px; float:left; padding-right:10px} .postinfoblog{float:left; width:680px; padding-bottom:5px; padding-top:0px; height:20px; line-height:20px; font-style:normal; color:#C0C0C0; font-size:10px; padding-left:10px; padding-right:10px} .postinfosingle{float:left; width:680px; padding-bottom:0px; padding-top:0px; height:20px; line-height:20px; font-style:italic; color:#C0C0C0; font-size:10px; margin-right:0px; padding-left:10px; padding-right:10px} .postinfosingleright{float:left; width:680px; padding-bottom:5px; padding-top:0px; height:20px; line-height:20px; font-style:italic; color:#C0C0C0; font-size:10px; margin-left:0px; padding-left:10px; padding-right:10px} .postinfowidget{float:left; width:135px; padding-bottom:0px; padding-top:0px; height:20px; line-height:20px; font-style:normal; font-size:10px} .postinfowidgetfull{float:left; width:215px; padding-bottom:5px; padding-top:0px; height:20px; line-height:20px; font-style:normal; font-size:10px} .postinfoindex{float:left; width:320px; padding-bottom:5px; padding-top:0px; height:20px; line-height:20px; font-style:italic; color:#C0C0C0; font-size:10px} .posttextblog{float:left; width:680px; padding:10px; padding-left:10px} .posttext{float:left; width:680px; padding:10px; padding-left:10px; margin-right:0px} .posttextright{float:left; width:680px; padding:10px; padding-left:10px; margin-left:0px} .postinfo{float:left; width:300px; padding-bottom:5px; padding-top:0px; height:20px; line-height:20px; font-style:italic; color:#C0C0C0; font-size:10px} .postinfofourth{float:left; width:220px; padding-bottom:5px; padding-top:0px; height:20px; line-height:20px; font-style:italic; color:#C0C0C0; font-size:10px} #respond{float:left; padding-left:10px; margin-top:30px;} .children { list-style: none; margin: 20px 0 0;text-indent: 0;} .children .commentpost{ padding-left: 30px; background-image:url(images/replyline.png); background-repeat:repeat-y; background-position:left top; } .children li.depth-2 { margin: 0 0 0px 40px } .children li.depth-3 { margin: 0 0 0px 40px } .children li.depth-4 { margin: 0 0 0px 40px } .children li.depth-5 { margin: 0 0 0px 40px } /*ENDING COMMENTS SECTION*/ /*START CAROUSEL SECTION*/ .bgcarousel{float:left; width:960px; height:180px; padding-left:0px; margin-bottom:0px; padding-right:0px; position:relative; background-image:url(images/carouselline.png); background-position:center bottom; background-repeat:no-repeat} .image_carousel{margin-left:0px; float:left; width:960px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:20px; z-index:999; position:relative} .image_carousel img{display:block; float:left; margin-right:10px; margin-left:10px; margin-top:10px; margin-bottom:10px} .grid_carousel{margin-left:0px; float:left; width:960px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; margin-top:10px; margin-bottom:10px; z-index:999; position:relative} .grid_carousel img{display:block; float:left; margin-right:6px; margin-left:10px; margin-top:10px; margin-bottom:10px} a.prev, a.next{width:35px; height:22px; display:block; position:absolute; top:149px; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd} a.prev{left:445px; background-image:url(images/button/leftcarouselsprite.png)} a.prev:hover{background-position:0px -22px} a.next{right:445px; background-image:url(images/button/rightcarouselsprite.png)} a.next:hover{background-position:0px -22px} a.prev span, a.next span{display:none} /*TESTIMONIAL SLIDER*/ .bx-next{position:absolute; top:25%; right:0px; z-index:999; width:30px; height:30px; text-indent:-999999px; background-image:url(images/button/righttestimonial.png); background-repeat:no-repeat; background-position:center center} .bx-prev{position:absolute; top:25%; left:0px; z-index:999; width:30px; height:30px; text-indent:-999999px; background-image:url(images/button/lefttestimonial.png); background-repeat:no-repeat; background-position:center center} /*-----------------------------------------------------------------------------------* /* shortcodes /*-----------------------------------------------------------------------------------*/ /*highlights*/ .text-highlight{padding:2px} .highlight-yellow, .highlight-yellow a{background-color:#FFF7A8; color:#695D43} .highlight-pink, .highlight-pink a{background-color:#F7DEEB; color:#724473} .highlight-purple, .highlight-purple a{background-color:#E0DBF6; color:#5C5577} .highlight-blue, .highlight-blue a{background-color:#D7F0FF; color:#2A67A4} .highlight-green, .highlight-green a{background-color:#E7FFCE; color:#47630A} .highlight-red, .highlight-red a{background:#FFCEBE; color:#A22121} .highlight-gray, .highlight-gray a{background-color:#EBEBEB; color:#787777} /*box shortcodes*/ .box-shortcode{height:30px; margin-bottom:10px; line-height:30px; background-repeat:repeat; border:1px solid; font-style:italic; color:#666; font-size:14px; padding-left:10px} .box-red{ background-image:url(images/patterns/error.png); border-color:#C00;} .box-orange{ background-image:url(images/patterns/alert.png); border-color:#DD9E0B; } .box-green{ background-image:url(images/patterns/download.png); border-color:#3C6; } .box-blue{ background-image:url(images/patterns/chat.png); border-color:#06F; } /*main button classes*/ .clear{/* generic container (i.e. div) for floating buttons */ overflow:hidden; width:100%} .btn-shortcode{} /* Consolidate the Styles here */ /*grey button*/ .buttongrey{ background:transparent url('images/button/greyend.png') no-repeat scroll top right; color:#444; display:block; float:left; font:normal 12px; text-shadow:1px 1px 1px #fff; height:30px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none} .buttongrey span{ background:transparent url('images/button/greylarge.png') no-repeat; display:block; line-height:23px; padding:2px 0 5px 18px} .buttongrey:hover{ background-position:bottom right; color:#000; outline:none; /* hide dotted outline in Firefox */} .buttongrey:hover span{ background-position:bottom left} /*white button*/ .buttonwhite{ background:transparent url('images/button/whiteend.png') no-repeat scroll top right; color:#444; display:block; float:left; font:normal 12px; text-shadow:1px 1px 1px #fff; height:30px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none} .buttonwhite span{ background:transparent url('images/button/whitelarge.png') no-repeat; display:block; line-height:23px; padding:2px 0 5px 18px} .buttonwhite:hover{ background-position:bottom right; color:#000; outline:none; /* hide dotted outline in Firefox */} .buttonwhite:hover span{ background-position:bottom left} /*blue button*/ .buttonblue{ background:transparent url('images/button/blueend.png') no-repeat scroll top right; color:#f8f8f8; display:block; float:left; font:normal 12px; text-shadow:1px 1px 1px #333; height:30px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none} .buttonblue span{ background:transparent url('images/button/bluelarge.png') no-repeat; display:block; line-height:23px; padding:2px 0 5px 18px} .buttonblue:hover{ background-position:bottom right; color:#fff; outline:none; /* hide dotted outline in Firefox */} .buttonblue:hover span{ background-position:bottom left} /*green button*/ .buttongreen{ background:transparent url('images/button/greenend.png') no-repeat scroll top right; color:#f8f8f8; display:block; float:left; font:normal 12px; text-shadow:1px 1px 1px #333; height:30px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none} .buttongreen span{ background:transparent url('images/button/greenlarge.png') no-repeat; display:block; line-height:23px; padding:2px 0 5px 18px} .buttongreen:hover{ background-position:bottom right; color:#fff; outline:none; /* hide dotted outline in Firefox */} .buttongreen:hover span{ background-position:bottom left} /*orange button*/ .buttonorange{ background:transparent url('images/button/orangeend.png') no-repeat scroll top right; color:#444; display:block; float:left; font:normal 12px; text-shadow:1px 1px 1px #fff; height:30px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none} .buttonorange span{ background:transparent url('images/button/orangelarge.png') no-repeat; display:block; line-height:23px; padding:2px 0 5px 18px} .buttonorange:hover{ background-position:bottom right; color:#000; outline:none; /* hide dotted outline in Firefox */} .buttonorange:hover span{ background-position:bottom left} /*grey button*/ .buttondarkgrey{ background:transparent url('images/button/darkgreyend.png') no-repeat scroll top right; color:#f8f8f8; display:block; float:left; font:normal 12px; text-shadow:1px 1px 1px #333; height:30px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none} .buttondarkgrey span{ background:transparent url('images/button/darkgreylarge.png') no-repeat; display:block; line-height:23px; padding:2px 0 5px 18px} .buttondarkgrey:hover{ background-position:bottom right; color:#fff; outline:none; /* hide dotted outline in Firefox */} .buttondarkgrey:hover span{ background-position:bottom left} /*black button*/ .buttonblack{ background:transparent url('images/button/blackend.png') no-repeat scroll top right; color:#ddd; display:block; float:left; font:normal 12px; text-shadow:1px 1px 1px #333; height:30px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none} .buttonblack span{ background:transparent url('images/button/blacklarge.png') no-repeat; display:block; line-height:23px; padding:2px 0 5px 18px} .buttonblack:hover{ background-position:bottom right; color:#fff; outline:none; /* hide dotted outline in Firefox */} .buttonblack:hover span{ background-position:bottom left} /*purple button*/ .buttonpurple{ background:transparent url('images/button/purpleend.png') no-repeat scroll top right; color:#f8f8f8; display:block; float:left; font:normal 12px; text-shadow:1px 1px 1px #333; height:30px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none} .buttonpurple span{ background:transparent url('images/button/purplelarge.png') no-repeat; display:block; line-height:23px; padding:2px 0 5px 18px} .buttonpurple:hover{ background-position:bottom right; color:#fff; outline:none; /* hide dotted outline in Firefox */} .buttonpurple:hover span{ background-position:bottom left} /*red button*/ .buttonred{ background:transparent url('images/button/redend.png') no-repeat scroll top right; color:#f8f8f8; display:block; float:left; font:normal 12px; text-shadow:1px 1px 1px #333; height:30px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none} .buttonred span{ background:transparent url('images/button/redlarge.png') no-repeat; display:block; line-height:23px; padding:2px 0 5px 18px} .buttonred:hover{ background-position:bottom right; color:#fff; outline:none; /* hide dotted outline in Firefox */} .buttonred:hover span{ background-position:bottom left} /*bright green button*/ .buttonbrightgreen{ background:transparent url('images/button/brightgreenend.png') no-repeat scroll top right; color:#444; display:block; float:left; font:normal 12px; text-shadow:1px 1px 1px #fff; height:30px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none} .buttonbrightgreen span{ background:transparent url('images/button/brightgreenlarge.png') no-repeat; display:block; line-height:23px; padding:2px 0 5px 18px} .buttonbrightgreen:hover{ background-position:bottom right; color:#000; outline:none; /* hide dotted outline in Firefox */} .buttonbrightgreen:hover span{ background-position:bottom left} /*brown button*/ .buttonbrown{ background:transparent url('images/button/brownend.png') no-repeat scroll top right; color:#f8f8f8; display:block; float:left; font:normal 12px; text-shadow:1px 1px 1px #333; height:30px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none} .buttonbrown span{ background:transparent url('images/button/brownlarge.png') no-repeat; display:block; line-height:23px; padding:2px 0 5px 18px} .buttonbrown:hover{ background-position:bottom right; color:#fff; outline:none; /* hide dotted outline in Firefox */} .buttonbrown:hover span{ background-position:bottom left} /*pink button*/ .buttonpink{background:transparent url('images/button/pinkend.png') no-repeat scroll top right; color:#f8f8f8; display:block; float:left; font:normal 12px; text-shadow:1px 1px 1px #333; height:30px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none} .buttonpink span{ background:transparent url('images/button/pinklarge.png') no-repeat; display:block; line-height:23px; padding:2px 0 5px 18px} .buttonpink:hover{ background-position:bottom right; color:#fff; outline:none; /* hide dotted outline in Firefox */} .buttonpink:hover span{ background-position:bottom left} /*accordion*/ .expand a{ border-style:0px; display:block; background-image:url(images/button/expandbg.png); background-repeat:no-repeat; background-position:center center; width:960px; height:20px} .expand a:link, .expand a:visited{ border-width:0px; background-image:url(images/button/expandbg.png); background-repeat:no-repeat; background-position:center center} .expand a:hover, .expand a:active, .expand a:focus{ text-decoration:none} .expand a.open:link, .expand a.open:visited{ border-style:0px; background-image:url(images/button/expandbgclose.png); background-repeat:no-repeat; background-position:center center} .collapse p{padding:0 10px 1em} #switch, .switch{margin-bottom:5px; text-align:right} .collapse{float:left; width:100%} .expander{float:left; width:100%} /*contact form*/ #dtl-contactform{margin-top: 40px;} #dtl-contactform .notification_error{clear: both; display: block; color: #F00;} /*tag cloud*/ .widget_tag_cloud a{ -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; background-position:center left; background-repeat:no-repeat; line-height:20px; padding:3px 10px 3px 10px; text-shadow:0px 1px 1px #111; color:#999; width:auto; height:20px; background-color:#f4f4f4; -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in; text-shadow:none; font-size:11px; margin-top:5px; margin-bottom:5px; overflow:hidden; display:block; float:left; margin-right:10px; border:1px solid #fff; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} .widget_tag_cloud a:hover{ -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd; background-position:center left; text-decoration:none; background-repeat:no-repeat; line-height:20px; padding:3px 10px 3px 10px; text-shadow:0px 1px 1px #111; color:#333; width:auto; height:20px; background-color:#f4f4f4; -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in; text-shadow:none; font-size:11px; margin-top:5px; margin-bottom:5px; overflow:hidden; border:1px solid #999; display:block; float:left; margin-right:10px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; behavior:url(../js/border-radius.htc)} .tagcloud{ font-size: 12px !important; } .search_box_top{float:right; width:240px; margin-left:10px; margin-right:10px; margin-top:35px;} /*START BLOG*/ .blogdate{float:left; height:20px; width:380px; line-height:20px; font-style:italic; padding-top:0px; padding-bottom:0px; margin-bottom:10px; background-image:url(images/icons/Bubble-11.png); background-repeat:no-repeat; background-position:center left; padding-left:25px} .blogcomments{float:right; height:20px; width:145px; line-height:20px; font-style:italic; padding-top:0px; padding-bottom:0px; margin-bottom:10px; padding-left:25px; text-align:right; padding-right:20px} .blogpostshell{width:700px; margin-bottom:20px; float:left; margin-top:10px} .imgpostsmall{float:left; height:100%} .maxchar{display:block; width:100%; padding-bottom:5px; text-align:left} .uposts{display:block; width:100%; font-size:11px; padding-bottom:5px} .postedby{font-size:10px; font-style:italic; font-weight:normal; display:block; padding-top:5px} .breadcrumb a{font-style:normal} .breadcrumb a:hover{font-style:normal; text-decoration:underline} .buttons{text-align:left; width:435px; float:left} .readmore{width:680px; float:left; font-style:italic; padding-left:0px; padding-right:0px; margin-top:10px; background-image:url(images/readmorespan_small.png); background-repeat:no-repeat; background-position:left center; margin-left:10px; margin-right:10px} .center{text-align:left; width:425px; float:left} .blogposttext{float:left; width:600px; padding-left:10px; padding-right:10px} .textshellleft{float:left; width:690px; margin-right:20px; margin-left:10px; margin-top:10px} .textshellleft{float:left; width:680px; margin-right:0px; margin-left:0px; margin-top:20px; margin-bottom:20px; padding-left:10px; padding-right:10px} .textshellright{float:right; width:690px; margin-right:10px; margin-left:20px; margin-top:10px} .bump{font-style:italic; padding-left:10px} .backup{float:left; height:24px; width:960px; text-align:center; line-height:24px; font-size:12px; margin-top:10px} .navwrap{width:650px; float:right; height:50px; padding:0px; margin-top:25px; background-repeat:repeat-x; background-position:center bottom; padding-top:0px;} .breadcrumb{width:620px; font-size:12px; height:20px; padding-top:0px; float:left; margin-right:10px; margin-left:10px; margin-top:0px} .blogimage{float:left; width:575px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; background-image:url(images/blogpostshadow.png); margin-right:23px; margin-top:10px; margin-bottom:10px} .blogpost{float:left; width:600px; padding:10px; margin-top:10px; margin-bottom:10px; padding-bottom:25px; background-image:url(images/blogpostshadow.png); background-repeat:no-repeat; background-position:center top} /*END BLOG STYLES*/ /*960 GRID SYSTEM*/ /* Container ----------------------------------------------------------------------------------------------------*/ .container_16{ margin-left:auto; margin-right:auto; width:960px} /* Grid >>Global ----------------------------------------------------------------------------------------------------*/ .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; position:relative; margin-left:10px; margin-right:10px} .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, .push_16, .pull_16{ position:relative} /* Grid >>Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha{ margin-left:0} .omega{ margin-right:0} /* Grid >>16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .grid_1{ width:40px} .container_16 .grid_2{ width:100px} .container_16 .grid_3{ width:160px} .container_16 .grid_4{ width:220px} .container_16 .grid_5{ width:280px} .container_16 .grid_6{ width:340px} .container_16 .grid_7{ width:400px} .container_16 .grid_8{ width:460px} .container_16 .grid_9{ width:520px} .container_16 .grid_10{ width:580px} .container_16 .grid_11{ width:640px} .container_16 .grid_12{ width:700px} .container_16 .grid_13{ width:760px} .container_16 .grid_14{ width:820px} .container_16 .grid_15{ width:880px} .container_16 .grid_16{ width:940px} /* Prefix Extra Space >>16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .prefix_1{ padding-left:60px} .container_16 .prefix_2{ padding-left:120px} .container_16 .prefix_3{ padding-left:180px} .container_16 .prefix_4{ padding-left:240px} .container_16 .prefix_5{ padding-left:300px} .container_16 .prefix_6{ padding-left:360px} .container_16 .prefix_7{ padding-left:420px} .container_16 .prefix_8{ padding-left:480px} .container_16 .prefix_9{ padding-left:540px} .container_16 .prefix_10{ padding-left:600px} .container_16 .prefix_11{ padding-left:660px} .container_16 .prefix_12{ padding-left:720px} .container_16 .prefix_13{ padding-left:780px} .container_16 .prefix_14{ padding-left:840px} .container_16 .prefix_15{ padding-left:900px} /* Suffix Extra Space >>16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .suffix_1{ padding-right:60px} .container_16 .suffix_2{ padding-right:120px} .container_16 .suffix_3{ padding-right:180px} .container_16 .suffix_4{ padding-right:240px} .container_16 .suffix_5{ padding-right:300px} .container_16 .suffix_6{ padding-right:360px} .container_16 .suffix_7{ padding-right:420px} .container_16 .suffix_8{ padding-right:480px} .container_16 .suffix_9{ padding-right:540px} .container_16 .suffix_10{ padding-right:600px} .container_16 .suffix_11{ padding-right:660px} .container_16 .suffix_12{ padding-right:720px} .container_16 .suffix_13{ padding-right:780px} .container_16 .suffix_14{ padding-right:840px} .container_16 .suffix_15{ padding-right:900px} /* Push Space >>16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .push_1{ left:60px} .container_16 .push_2{ left:120px} .container_16 .push_3{ left:180px} .container_16 .push_4{ left:240px} .container_16 .push_5{ left:300px} .container_16 .push_6{ left:360px} .container_16 .push_7{ left:420px} .container_16 .push_8{ left:480px} .container_16 .push_9{ left:540px} .container_16 .push_10{ left:600px} .container_16 .push_11{ left:660px} .container_16 .push_12{ left:720px} .container_16 .push_13{ left:780px} .container_16 .push_14{ left:840px} .container_16 .push_15{ left:900px} /* Pull Space >>16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .pull_1{ left:-60px} .container_16 .pull_2{ left:-120px} .container_16 .pull_3{ left:-180px} .container_16 .pull_4{ left:-240px} .container_16 .pull_5{ left:-300px} .container_16 .pull_6{ left:-360px} .container_16 .pull_7{ left:-420px} .container_16 .pull_8{ left:-480px} .container_16 .pull_9{ left:-540px} .container_16 .pull_10{ left:-600px} .container_16 .pull_11{ left:-660px} .container_16 .pull_12{ left:-720px} .container_16 .pull_13{ left:-780px} .container_16 .pull_14{ left:-840px} .container_16 .pull_15{ left:-900px} /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0} /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after, .container_16:before, .container_16:after{ content:'.'; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0} .clearfix:after, .container_16:after{ clear:both} /* The following zoom:1 rule is specifically for IE6+IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix, .container_16{ zoom:1} /*ENDING 960 GRID SYSTEM*/ .widget-title-footer {font-weight:normal; text-transform:capitalize; font-size:13px; letter-spacing:0.1em; word-spacing:0em;} .filteroptions { float:left; width:940px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; padding-top: 10px; padding-bottom: 20px; display:block; background-image:url(images/readmorespan.png); background-repeat:no-repeat; background-position:center bottom; } #portfolio-list ul { } #portfolio-list li { display:inline-block; } /*------------- SEARCH -------------*/ #searchForm fieldset { width:240px; position:relative; display:block; } div.input { width:120px; padding:6px 15px 7px 15px; border-radius:2px; border:1px solid #fff; float:right; background:#f7f7f7; -moz-box-shadow:0 0 2px #ddd; -webkit-box-shadow:0 0 2px#ddd; box-shadow:0 0 2px #ddd } div.input.focus { border:1px solid #ccc; } input#s { width:100%; border:0; border-radius:2px; background:transparent; height:16px; color:#b4bdc4; text-shadow:0 1px 1px #fff; } input#s:focus { outline:none } input#searchSubmit { width:19px; height:19px; text-indent:-9999px; overflow:hidden; background:url(images/search-icon.png) no-repeat; border:0; position:absolute; top:7px; right:13px; z-index:5; display:none; cursor:pointer; }