/* * This is a manifest file that'll automatically include all the stylesheets available in this directory * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at * the top of the compiled file, but it's generally better to create a new file per style scope. */ .ui-helper-hidden{display:none} .ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px,1px,1px,1px)} .ui-helper-reset{border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;margin:0;padding:0} .ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .ui-helper-clearfix{display:block} * html .ui-helper-clearfix{height:1%} .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)} .ui-state-disabled{cursor:default!important} .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;width:16px;height:16px;background-image:url(jquery-ui/le-frog/ui-icons_72b42d_256x240.png)} .ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#444 url(jquery-ui/le-frog/ui-bg_diagonals-thick_15_444444_40x40.png) 50% 50% repeat;opacity:.30;filter:Alpha(Opacity=30)} .ui-widget{font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;font-size:1.1em} .ui-widget .ui-widget{font-size:1em} .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;font-size:1em} .ui-widget-content{border:1px solid #72b42d;background:#285c00 url(jquery-ui/le-frog/ui-bg_inset-soft_10_285c00_1x100.png) 50% bottom repeat-x;color:#fff} .ui-widget-header{border:1px solid #3f7506;background:#3a8104 url(jquery-ui/le-frog/ui-bg_highlight-soft_33_3a8104_1x100.png) 50% 50% repeat-x;color:#fff;font-weight:700} .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #45930b;background:#4ca20b url(jquery-ui/le-frog/ui-bg_highlight-soft_60_4ca20b_1x100.png) 50% 50% repeat-x;font-weight:400;color:#fff} .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #8bd83b;background:#4eb305 url(jquery-ui/le-frog/ui-bg_highlight-soft_50_4eb305_1x100.png) 50% 50% repeat-x;font-weight:400;color:#fff} .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #72b42d;background:#285c00 url(jquery-ui/le-frog/ui-bg_highlight-hard_30_285c00_1x100.png) 50% 50% repeat-x;font-weight:400;color:#fff} .ui-widget :active{outline:none} .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #f9dd34;background:#fbf5d0 url(jquery-ui/le-frog/ui-bg_glass_55_fbf5d0_1x400.png) 50% 50% repeat-x;color:#363636} .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636} .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #fad000;background:#ffdc2e url(jquery-ui/le-frog/ui-bg_diagonals-thick_95_ffdc2e_40x40.png) 50% 50% repeat;color:#2b2b2b} .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700} .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400} .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none} .ui-widget-content .ui-icon{background-image:url(jquery-ui/le-frog/ui-icons_72b42d_256x240.png)} .ui-state-highlight .ui-icon{background-image:url(jquery-ui/le-frog/ui-icons_4eb305_256x240.png)} .ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(jquery-ui/le-frog/ui-icons_cd0a0a_256x240.png)} .ui-icon-carat-1-n{background-position:0 0} .ui-icon-carat-1-ne{background-position:-16px 0} .ui-icon-carat-1-e{background-position:-32px 0} .ui-icon-carat-1-se{background-position:-48px 0} .ui-icon-carat-1-s{background-position:-64px 0} .ui-icon-carat-1-sw{background-position:-80px 0} .ui-icon-carat-1-w{background-position:-96px 0} .ui-icon-carat-1-nw{background-position:-112px 0} .ui-icon-carat-2-n-s{background-position:-128px 0} .ui-icon-carat-2-e-w{background-position:-144px 0} .ui-icon-triangle-1-n{background-position:0 -16px} .ui-icon-triangle-1-ne{background-position:-16px -16px} .ui-icon-triangle-1-e{background-position:-32px -16px} .ui-icon-triangle-1-se{background-position:-48px -16px} .ui-icon-triangle-1-s{background-position:-64px -16px} .ui-icon-triangle-1-sw{background-position:-80px -16px} .ui-icon-triangle-1-w{background-position:-96px -16px} .ui-icon-triangle-1-nw{background-position:-112px -16px} .ui-icon-triangle-2-n-s{background-position:-128px -16px} .ui-icon-triangle-2-e-w{background-position:-144px -16px} .ui-icon-arrow-1-n{background-position:0 -32px} .ui-icon-arrow-1-ne{background-position:-16px -32px} .ui-icon-arrow-1-e{background-position:-32px -32px} .ui-icon-arrow-1-se{background-position:-48px -32px} .ui-icon-arrow-1-s{background-position:-64px -32px} .ui-icon-arrow-1-sw{background-position:-80px -32px} .ui-icon-arrow-1-w{background-position:-96px -32px} .ui-icon-arrow-1-nw{background-position:-112px -32px} .ui-icon-arrow-2-n-s{background-position:-128px -32px} .ui-icon-arrow-2-ne-sw{background-position:-144px -32px} .ui-icon-arrow-2-e-w{background-position:-160px -32px} .ui-icon-arrow-2-se-nw{background-position:-176px -32px} .ui-icon-arrowstop-1-n{background-position:-192px -32px} .ui-icon-arrowstop-1-e{background-position:-208px -32px} .ui-icon-arrowstop-1-s{background-position:-224px -32px} .ui-icon-arrowstop-1-w{background-position:-240px -32px} .ui-icon-arrowthick-1-n{background-position:0 -48px} .ui-icon-arrowthick-1-ne{background-position:-16px -48px} .ui-icon-arrowthick-1-e{background-position:-32px -48px} .ui-icon-arrowthick-1-se{background-position:-48px -48px} .ui-icon-arrowthick-1-s{background-position:-64px -48px} .ui-icon-arrowthick-1-sw{background-position:-80px -48px} .ui-icon-arrowthick-1-w{background-position:-96px -48px} .ui-icon-arrowthick-1-nw{background-position:-112px -48px} .ui-icon-arrowthick-2-n-s{background-position:-128px -48px} .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px} .ui-icon-arrowthick-2-e-w{background-position:-160px -48px} .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px} .ui-icon-arrowthickstop-1-n{background-position:-192px -48px} .ui-icon-arrowthickstop-1-e{background-position:-208px -48px} .ui-icon-arrowthickstop-1-s{background-position:-224px -48px} .ui-icon-arrowthickstop-1-w{background-position:-240px -48px} .ui-icon-arrowreturnthick-1-w{background-position:0 -64px} .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px} .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px} .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px} .ui-icon-arrowreturn-1-w{background-position:-64px -64px} .ui-icon-arrowreturn-1-n{background-position:-80px -64px} .ui-icon-arrowreturn-1-e{background-position:-96px -64px} .ui-icon-arrowreturn-1-s{background-position:-112px -64px} .ui-icon-arrowrefresh-1-w{background-position:-128px -64px} .ui-icon-arrowrefresh-1-n{background-position:-144px -64px} .ui-icon-arrowrefresh-1-e{background-position:-160px -64px} .ui-icon-arrowrefresh-1-s{background-position:-176px -64px} .ui-icon-arrow-4{background-position:0 -80px} .ui-icon-arrow-4-diag{background-position:-16px -80px} .ui-icon-extlink{background-position:-32px -80px} .ui-icon-newwin{background-position:-48px -80px} .ui-icon-refresh{background-position:-64px -80px} .ui-icon-shuffle{background-position:-80px -80px} .ui-icon-transfer-e-w{background-position:-96px -80px} .ui-icon-transferthick-e-w{background-position:-112px -80px} .ui-icon-folder-collapsed{background-position:0 -96px} .ui-icon-folder-open{background-position:-16px -96px} .ui-icon-document{background-position:-32px -96px} .ui-icon-document-b{background-position:-48px -96px} .ui-icon-note{background-position:-64px -96px} .ui-icon-mail-closed{background-position:-80px -96px} .ui-icon-mail-open{background-position:-96px -96px} .ui-icon-suitcase{background-position:-112px -96px} .ui-icon-comment{background-position:-128px -96px} .ui-icon-person{background-position:-144px -96px} .ui-icon-print{background-position:-160px -96px} .ui-icon-trash{background-position:-176px -96px} .ui-icon-locked{background-position:-192px -96px} .ui-icon-unlocked{background-position:-208px -96px} .ui-icon-bookmark{background-position:-224px -96px} .ui-icon-tag{background-position:-240px -96px} .ui-icon-home{background-position:0 -112px} .ui-icon-flag{background-position:-16px -112px} .ui-icon-calendar{background-position:-32px -112px} .ui-icon-cart{background-position:-48px -112px} .ui-icon-pencil{background-position:-64px -112px} .ui-icon-clock{background-position:-80px -112px} .ui-icon-disk{background-position:-96px -112px} .ui-icon-calculator{background-position:-112px -112px} .ui-icon-zoomin{background-position:-128px -112px} .ui-icon-zoomout{background-position:-144px -112px} .ui-icon-search{background-position:-160px -112px} .ui-icon-wrench{background-position:-176px -112px} .ui-icon-gear{background-position:-192px -112px} .ui-icon-heart{background-position:-208px -112px} .ui-icon-star{background-position:-224px -112px} .ui-icon-link{background-position:-240px -112px} .ui-icon-cancel{background-position:0 -128px} .ui-icon-plus{background-position:-16px -128px} .ui-icon-plusthick{background-position:-32px -128px} .ui-icon-minus{background-position:-48px -128px} .ui-icon-minusthick{background-position:-64px -128px} .ui-icon-close{background-position:-80px -128px} .ui-icon-closethick{background-position:-96px -128px} .ui-icon-key{background-position:-112px -128px} .ui-icon-lightbulb{background-position:-128px -128px} .ui-icon-scissors{background-position:-144px -128px} .ui-icon-clipboard{background-position:-160px -128px} .ui-icon-copy{background-position:-176px -128px} .ui-icon-contact{background-position:-192px -128px} .ui-icon-image{background-position:-208px -128px} .ui-icon-video{background-position:-224px -128px} .ui-icon-script{background-position:-240px -128px} .ui-icon-alert{background-position:0 -144px} .ui-icon-info{background-position:-16px -144px} .ui-icon-notice{background-position:-32px -144px} .ui-icon-help{background-position:-48px -144px} .ui-icon-check{background-position:-64px -144px} .ui-icon-bullet{background-position:-80px -144px} .ui-icon-radio-off{background-position:-96px -144px} .ui-icon-radio-on{background-position:-112px -144px} .ui-icon-pin-w{background-position:-128px -144px} .ui-icon-pin-s{background-position:-144px -144px} .ui-icon-play{background-position:0 -160px} .ui-icon-pause{background-position:-16px -160px} .ui-icon-seek-next{background-position:-32px -160px} .ui-icon-seek-prev{background-position:-48px -160px} .ui-icon-seek-end{background-position:-64px -160px} .ui-icon-stop{background-position:-96px -160px} .ui-icon-eject{background-position:-112px -160px} .ui-icon-volume-off{background-position:-128px -160px} .ui-icon-volume-on{background-position:-144px -160px} .ui-icon-power{background-position:0 -176px} .ui-icon-signal-diag{background-position:-16px -176px} .ui-icon-signal{background-position:-32px -176px} .ui-icon-battery-0{background-position:-48px -176px} .ui-icon-battery-1{background-position:-64px -176px} .ui-icon-battery-2{background-position:-80px -176px} .ui-icon-battery-3{background-position:-96px -176px} .ui-icon-circle-plus{background-position:0 -192px} .ui-icon-circle-minus{background-position:-16px -192px} .ui-icon-circle-close{background-position:-32px -192px} .ui-icon-circle-triangle-e{background-position:-48px -192px} .ui-icon-circle-triangle-s{background-position:-64px -192px} .ui-icon-circle-triangle-w{background-position:-80px -192px} .ui-icon-circle-triangle-n{background-position:-96px -192px} .ui-icon-circle-arrow-e{background-position:-112px -192px} .ui-icon-circle-arrow-s{background-position:-128px -192px} .ui-icon-circle-arrow-w{background-position:-144px -192px} .ui-icon-circle-arrow-n{background-position:-160px -192px} .ui-icon-circle-zoomin{background-position:-176px -192px} .ui-icon-circle-zoomout{background-position:-192px -192px} .ui-icon-circle-check{background-position:-208px -192px} .ui-icon-circlesmall-plus{background-position:0 -208px} .ui-icon-circlesmall-minus{background-position:-16px -208px} .ui-icon-circlesmall-close{background-position:-32px -208px} .ui-icon-squaresmall-plus{background-position:-48px -208px} .ui-icon-squaresmall-minus{background-position:-64px -208px} .ui-icon-squaresmall-close{background-position:-80px -208px} .ui-icon-grip-dotted-vertical{background-position:0 -224px} .ui-icon-grip-dotted-horizontal{background-position:-16px -224px} .ui-icon-grip-solid-vertical{background-position:-32px -224px} .ui-icon-grip-solid-horizontal{background-position:-48px -224px} .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px} .ui-icon-grip-diagonal-se{background-position:-80px -224px} .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-khtml-border-top-left-radius:10px;border-top-left-radius:10px} .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-khtml-border-top-right-radius:10px;border-top-right-radius:10px} .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;-khtml-border-bottom-left-radius:10px;border-bottom-left-radius:10px} .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-khtml-border-bottom-right-radius:10px;border-bottom-right-radius:10px} .ui-widget-shadow{background:#aaa url(jquery-ui/le-frog/ui-bg_diagonals-small_0_aaaaaa_40x40.png) 50% 50% repeat;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin:4px 0 0 4px;padding:0} .ui-datepicker{width:17em;display:none;padding:.2em .2em 0} .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0} .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em} .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px} .ui-datepicker .ui-datepicker-prev{left:2px} .ui-datepicker .ui-datepicker-next{right:2px} .ui-datepicker .ui-datepicker-prev-hover{left:1px} .ui-datepicker .ui-datepicker-next-hover{right:1px} .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px} .ui-datepicker .ui-datepicker-title{line-height:1.8em;text-align:center;margin:0 2.3em} .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0} .ui-datepicker select.ui-datepicker-month-year{width:100%} .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%} .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em} .ui-datepicker th{text-align:center;font-weight:700;border:0;padding:.7em .3em} .ui-datepicker td{border:0;padding:1px} .ui-datepicker td span,.ui-datepicker td a{display:block;text-align:right;text-decoration:none;padding:.2em} .ui-datepicker .ui-datepicker-buttonpane{background-image:none;border-left:0;border-right:0;border-bottom:0;margin:.7em 0 0;padding:0 .2em} .ui-datepicker .ui-datepicker-buttonpane button{float:right;cursor:pointer;width:auto;overflow:visible;margin:.5em .2em .4em;padding:.2em .6em .3em} .ui-datepicker.ui-datepicker-multi{width:auto} .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em} .ui-datepicker-multi-2 .ui-datepicker-group{width:50%} .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%} .ui-datepicker-multi-4 .ui-datepicker-group{width:25%} .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left} .ui-datepicker-row-break{clear:both;width:100%;font-size:0} .ui-datepicker-rtl{direction:rtl} .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto} .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto} .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto} .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto} .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right} .ui-datepicker-cover{display:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px} .ui-widget-content a,.ui-widget-header a{color:#fff} .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none} .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#2b2b2b} .ui-widget-header .ui-icon,.ui-state-default .ui-icon,.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-active .ui-icon{background-image:url(jquery-ui/le-frog/ui-icons_ffffff_256x240.png)} .ui-icon-seek-start,.ui-icon-seek-first{background-position:-80px -160px} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0} .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right} .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px} 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(prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(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(prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_expand:hover{background:url(prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_contract:hover{background:url(prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{background:url(prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} div.pp_default .pp_gallery ul li a{background:url(prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(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(prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px} div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px} div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px} 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(prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{background:url(prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_rounded .pp_nav .pp_play{background:url(prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{background:url(prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_rounded .pp_description{color:#fff;margin-right:85px} div.dark_rounded .pp_nav .pp_play{background:url(prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{background:url(prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{background:url(prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_square .pp_nav .pp_play{background:url(prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{background:url(prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(prettyPhoto/facebook/sprite.png) -110px -80px 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} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;margin:2px 4px;white-space:nowrap} .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;position:relative} .pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap} .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(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(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(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{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0} .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px} #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;margin:0 0 5px 15px;z-index:9999} 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(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(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} /*_______________________________________________________________________________________________ Title: Adesigns Author: CoDynamic Author URI: http://www.codynamic.com/ 1. BASE 1.1 Reset 1.2 Defaults 1.3 Basics 2. LAYOUT 2.1 Structure 2.2 Header 2.2.1 Logo 2.2.2 Navigation 2.2.3 Tools 2.3 Content 2.3.1 Text Styling 2.3.2 Boxes & Wrappers 2.4 Sidebar 2.5 Footer 3. INDIVIDUAL PAGES 3.1 Homepage 4. PLUGINS 4.1 Fancybox 1.3.4 _______________________________________________________________________________________________*/ /* 1. BASE _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 1.1 Reset _______________________________________________________________________________________________*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, pre, dfn, em, font, img, kbd, q, s, strike, samp, small, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } ol, ul { list-style:none; } :focus { outline:0; } ins { text-decoration:none; background-color:#FF0; } del { text-decoration:line-through; } blockquote, q, cite { font-style: italic; } strike { color:#f00; } table { border-collapse:collapse; border-spacing:0; } table th { font-weight:bold; } strong { font-weight:bold; } em { font-style:italic; }hr { display:none; } abbr, acronym { border-bottom:1px dotted #999; cursor:help; } pre { display: block; margin: 9px; padding: 4px 9px; background-color:#000; color:#ddd; } code, pre { font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace; } small { font-size: 90%; } big { font-size:110%; } input, textarea, select { font-size:1.2em; font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif; } table { width:100%; margin:0 0 9px 0; } table th { padding:6px 9px; border-width:1px; border-style:solid; border-color:#aaa #aaa #000 #aaa; font-size: 1.16em; line-height:1.28em; } table td { padding:2px 9px; border:1px solid #aaa; } table tbody td { color:#444; } table tfoot td { color:#000; } dl { margin:0 0 13px; } dl dt { float: left; font-weight:bold; width:15%; margin-right:2%; padding-top: 4px; } dl dd { float: left; width: 83%; padding-top: 4px; } /* 1.2 Defaults _______________________________________________________________________________________________*/ body { font-size:75%; line-height:1.33em; font-family: Verdana, Geneva, 'Bitstream Vera Sans', 'DejaVu Sans', sans-serif; text-align:center; } /* 12 / 16 */ a { color:#8ff500; text-decoration:none; } a:hover { color: #00c0ff; } ::-moz-selection{ background:#555; color:#fff; } ::selection { background:#555; color:#fff; } /* 1.3 Basics _______________________________________________________________________________________________*/ .hide { display:none; } .clear { clear:both; } br.clear { font-size:0; line-height:0; height:0; overflow:hidden; } .fleft { float:left; } .fright { float:right; } p.center { text-align:center; } p.right { text-align:right; } p.left { text-align:left; } p.author { text-align: right; font-style: italic; } .clearfix:after, #wrapper .container:after, #content form ol:after, dl:after, #body:after, #content .thumbs:after, #portfolio .portfolio:after { clear: both; content: "\200B"; display: block; height: 0; } /* When moving to Production Environment, move the following selector to ie.css */ .clearfix, #wrapper .container, #content form ol, dl, #body, #content .thumbs, #portfolio .portfolio { zoom:1; } /* 2. LAYOUT _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 2.1 Structure _______________________________________________________________________________________________*/ html, body { height: 100%; } body { position: relative; } #body { min-height: 100%; } #body { } #wrapper .container { padding-bottom: 30px; } #page { position: relative; z-index: 1; } #footer { position: relative; z-index: 2; } .container { position:relative; margin:0 auto; text-align:left; width:980px; /* background-color: #eee; */ color: #fff; } #header { position: relative; z-index: 3; } #branding { position: relative; z-index: 2; } #wrapper { position: relative; z-index: 1; } #header .container { height:100px; } #content { width: auto; } body.twocol #sidebar { width:200px; float:right; } #content.wide { float:none; width:auto; } #footer { clear:both; } /* Main Backgrounds */ body { background-color:#1e0105; /* background-color: #ddd; */ } /* body background - visible while loading, */ #header { } /* wide header background */ #header .container { } /* center header background */ #wrapper { } /* wide content+sidebar background */ #wrapper .container { } /* center content+sidebar background */ #footer { } /* wide footer background */ #footer .container { } /* center footer background */ /* Parallax */ #body { width: 100%; min-width: 980px; overflow: hidden; } #parallax { position: absolute; top: 0; left: -240px; width: 1460px; } #parallax .small, #parallax .medium, #parallax .large { position: absolute; top: 0; left: 0; width: 200px; height: 570px; background-repeat: no-repeat; background-position: 50% 0; } #parallax .smallr, #parallax .mediumr, #parallax .larger { position: absolute; top: 0; right: 0; width: 200px; height: 570px; padding-top: 250px; background-position: 50% 250px; background-repeat: no-repeat; background-repeat: no-repeat; } #parallax .small { background-image:url(bg_parallax-small.png); } #parallax .medium { background-image:url(bg_parallax-medium.png); } #parallax .large { background-image:url(bg_parallax-large.png); } #parallax .smallr { background-image:url(bg_parallax2-small.png); } #parallax .mediumr { background-image:url(bg_parallax2-medium.png); } #parallax .larger { background-image:url(bg_parallax2-large.png); } /* 2.2 Header _______________________________________________________________________________________________*/ #header .container { height: 164px; } /* 2.2.1 Logo _______________________________________________*/ #header .logo a { position:absolute; top:0px; left: 89px; width:249px; height:216px; background:url(logo.png) no-repeat; text-align: left; text-indent: -999em; } body#projects.index #header .logo a { background-position: 0 -226px; } body.blog #header .logo a { background-position: 0 -452px; } body.twocol #header .logo a, body#contacts #header .logo a { background-position: 0 -678px; } #header .logo span { position:absolute; top:0; left:0; z-index:10; } /* 2.2.2 Navigation _______________________________________________*/ #navigation { padding-top: 37px; } #navigation ul { float: right; } #navigation ul li { float: left; display: inline; font-size: 18px; text-transform: uppercase; line-height: 100px; margin-left: 44px; } #navigation ul li:first-child { margin-left: 0; } #navigation ul a, #navigation ul span { float: left; height: 100px; padding: 0 25px; background-image: url(bg_navigation.png); background-repeat: no-repeat; } #navigation ul a { text-decoration: none; color: #fff; } #navigation ul #nav-home a, #navigation ul #nav-home span { background-position: 50% 0; } #navigation ul #nav-home a:hover { background-position: 50% -300px; } #navigation ul #nav-port a, #navigation ul #nav-port span { background-position: 50% -100px; } #navigation ul #nav-port a:hover { background-position: 50% -400px; } #navigation ul #nav-cont a, #navigation ul #nav-cont span { background-position: 50% -200px; } #navigation ul #nav-cont a:hover { background-position: 50% -500px; } #navigation ul span { color: #97ff03; cursor: default; } #navigation ul a:hover { } #navigation ul .current a { cursor:default; } /* 2.2.3 Tools _______________________________________________*/ #header #tools { } /* 2.3 Content _______________________________________________________________________________________________*/ #content { } /* 2.3.1 Text Styling _______________________________________________*/ #wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6 { margin:0 0 9px 0; font-family: Verdana, Geneva, 'Bitstream Vera Sans', 'DejaVu Sans', sans-serif; font-weight: normal; } #wrapper h1 { font-size:2em; line-height:1.125em; } /* 24 / 27 */ #wrapper h2 { font-size: 1.83em; line-height:1.22em; } /* 22 / 27 */ #wrapper h3 { font-size: 1.66em; line-height:1.35em; } /* 20 / 27 */ #wrapper h4 { font-size: 1.5em; line-height:1em; } /* 18 / 18 */ #wrapper h5 { font-size: 1.33em; line-height:1.125em; } /* 16 / 18 */ #wrapper h6 { font-size: 1.25em; line-height:1.2em; } /* 14 / 18 */ #wrapper p { margin:0 0 9px 0; line-height:1.5em; text-align: justify; } /* 12 / 18 */ #wrapper p.author { text-align: right; } #content ul { margin:0 0 9px 0; } #content ul li { background-position:4px 6px; background-image:url(bull.gif); background-repeat:no-repeat; line-height:1.1em; padding:0.2em 0 0.2em 18px; } #content ol { margin:0 0 9px 0; line-height:1.5em; } #content ol li { line-height:1.1em; padding:0.2em 0 0.2em 0; list-style-type:decimal; list-style-position:outside; } /* IR Headings */ #recentwork h2, #aboutme h2, #whyme h2, #whatnew h2, #getintouch h2 { height: 43px; text-align: left; text-indent: -999em; background-image: url(sprite_txts.png); background-repeat: no-repeat; } #recentwork h2 { background-position: 0 -382px; } #aboutme h2 { background-position: 0 -329px; } #whyme h2 { background-position: 0 -488px; } #whatnew h2 { background-position: 0 -435px; text-align: left; } #getintouch h2 { height: 38px; background-position: 0 -541px; } /* 2.3.2 Boxes & Wrappers _______________________________________________*/ /* Button */ #content .button { float: left; padding: 0 50px 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #6d0834 url(sprites.png) 100% 0 no-repeat; } #content .button span { float: left; height: 20px; padding: 8px 0 0 16px; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; font-size: 12px; line-height: 20px; font-weight: bold; text-transform: uppercase; background: #6d0834 url(sprites.png) 0 0 no-repeat; color: #1e0105; } #content .button em { font-style: normal; color: #3da001; } #content .button:hover, #content .thumbs a:hover .button { background-position: 100% -38px; background-color: #5e9709; } #content .button:hover span, #content .thumbs a:hover .button span { color: #3da001; background-position: 0 -38px; background-color: #5e9709; } #content .button:hover em, #content .thumbs a:hover .button em { color: #1e0105; } /* 2.3.3 Forms _______________________________________________*/ /* Form - Wrappers */ #content form{padding:10px 0 0; margin-top: 38px; } #content form fieldset.inputs{padding:6px 0 0} #content form fieldset.inputs img { display: block; width: 266px; margin: 0 0 10px 185px; } #content form fieldset.inputs fieldset{padding:0} #content form fieldset.inputs ol{margin:0} #content form fieldset.inputs ol li{position:relative; margin-bottom:11px; padding:0; list-style-type:none; clear: left; } #content form fieldset.inputs ol li .custom-select li{margin-bottom:0} #content form fieldset.inputs ol ol li{float:left; margin:0} #content form fieldset.inputs ol ol li.file { margin-bottom: 11px; float: none; } #content form fieldset.buttons{ position: relative; top: 8px; margin-top: -18px; margin-right:10px; padding:0 10px 0 185px; text-align:left; background: url(bg_highlight-s.png) 50% 100% no-repeat; } #content form fieldset.buttons ol{margin:0; position: relative; top: 15px; } #content form fieldset.buttons ol li{float:none; font-size:1em; padding:0; margin:0; list-style-type:none} /* Form - headings / hints / messages */ #content form fieldset.inputs legend span{ position:relative; top:4px; display:block; color:#ff1181; white-space:normal} #content form fieldset.inputs p.inline-hints { clear: both; padding-top:8px; margin:0; line-height:1.45em; color:#999; padding-left: 200px; } #content form fieldset.inputs p.warning{margin:0} #content form fieldset.inputs p.inline-errors {clear: both; padding: 8px 0 0 200px; margin: 0; line-height: 1.45em; color: #c00;} #content form fieldset.inputs .add { margin: 0 0 11px 220px; } /* Form - Text inputs / areas */ #content form fieldset.inputs .string label, #content form fieldset.inputs .numeric label, #content form fieldset.inputs .select label, #content form fieldset.inputs .country label, #content form fieldset.inputs .text label, #content form fieldset.inputs .url label, #content form fieldset.inputs .email label, #content form fieldset.inputs .password label, #content form fieldset.inputs .datepicker label, #content form fieldset.inputs .file label, #content form fieldset.inputs ol legend.label label{float: left; width: 165px; line-height:1.27em; padding:5px 20px 2px 0; font-weight: normal; text-align: right; } #content form fieldset.inputs ol legend.label label { position: absolute; top: 0; left: 0; } #content form fieldset.inputs .string input, #content form fieldset.inputs .numeric input, #content form fieldset.inputs .text input, #content form fieldset.inputs .url input, #content form fieldset.inputs .email input, #content form fieldset.inputs .password input, #content form fieldset.inputs textarea{border:1px solid #4a0625; width:244px; padding:4px 10px 3px 10px; font-size:12px; background-color:#4e0627; color: #fff; box-shadow: inset 5px 5px 5px -2px #000; -moz-box-shadow: inset 5px 5px 5px -2px #000; -webkit-box-shadow: inset 5px 5px 5px -2px #000; } #content form fieldset.inputs .datepicker input { width: 69px; height:17px; padding: 4px 46px 3px 10px; border: none; font-size:12px; background: transparent url(bg_datepicker.png) 0 0 no-repeat; color: #fff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; cursor: pointer; } #content form fieldset.inputs .datepicker input.ui-datepicker { display: block; } #content form fieldset.inputs .string input, #content form fieldset.inputs .text input, #content form fieldset.inputs .email input{height:17px} #content form fieldset.inputs select.custom-select{width:380px} #content form fieldset.inputs textarea{width: 396px; height:187px; overflow:auto} input.required_enabler{visibility:hidden; height:0} /* Form - Radios / Checkboxes */ #content form fieldset.inputs .boolean, #content form fieldset.inputs .radio ol, #content form fieldset.inputs .checkbox ol, #content form fieldset.inputs .check_boxes ol { padding-left: 185px; } #content form fieldset.inputs .radio label, #content form fieldset.inputs .checkbox label{float:left; width:380px; padding:6px 0; font-weight:normal; line-height:18px; height:18px; vertical-align:middle} #content form fieldset.inputs .radio-inline label, #content form fieldset.inputs .checkbox-inline label{width:auto; padding:0.5em 8px 0.5em 0} #content form fieldset.inputs .radio input, #content form fieldset.inputs .checkbox input {float:left; margin:2px 8px 0 0; font-size:12px; line-height:18px} #content form fieldset.inputs .radio-inline input, #content form fieldset.inputs .checkbox-inline input {margin-right:4px} /* Form - Custom File Input */ #content form li.file {position:relative;float:left;} #content form li.file input {position:absolute;top:0;left:185px;z-index:2;border:none;font-size:17px;width:268px;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0); cursor: pointer; } #content form li.file .fakefile {float: left; position:relative;z-index:1; cursor: pointer; } #content form li.file .fakefile input { position:static;float:left; border:1px solid #4a0625; border-right: none; width:146px; height: 17px; padding:4px 10px 3px 10px; font-size:12px; background-color:#4e0627; color: #fff; box-shadow: inset 5px 5px 5px -2px #000; -moz-box-shadow: inset 5px 5px 5px -2px #000; -webkit-box-shadow: inset 5px 5px 5px -2px #000; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); cursor: pointer; } #content form li.file .fakefile a.upload { float:left; width:100px;height:26px; text-indent:-9999px; background-image:url(bg_fileinput.png);background-position:0 0;background-repeat:no-repeat; cursor: pointer; } #content form li.file:hover .fakefile a.upload, #content form li.file .fakefile a.upload:hover { /* background-position:0 -22px; */ } /* Selects */ #content form fieldset.inputs .datetime ol { padding-left: 200px; } #content form fieldset.inputs .datetime ol label{position:absolute; left:-999em} #content form fieldset.inputs .datetime select{margin-right:3px} /* Form - Buttons */ #content form fieldset.buttons button{position:relative; overflow:visible; height:47px; padding:0 0 0 12px; border:0; margin:0 auto; font-size:18px; text-transform:uppercase; text-align:center; font-weight: bold; background:transparent url(btn_w.png) 0 0 no-repeat; color:#1e0105; cursor:pointer} #content form fieldset.buttons button strong { color: #508506; } #content form fieldset.buttons button:hover{color:#508506} #content form fieldset.buttons button:hover strong { color: #1e0105; } #content form fieldset.buttons button::-moz-focus-inner{border:none} #content form fieldset.buttons button span{position:relative; left:-2px; display:block; white-space:nowrap; padding:10px 83px 5px 14px; height:32px; line-height:32px; background:transparent url(btn_e.png) 100% 0 no-repeat} #content form fieldset.buttons button span span { position: static; padding: 0; background: none; } /* 2.4 Sidebar _______________________________________________________________________________________________*/ #sidebar { padding: 44px 0 0 0; } #sidebar .box:first-child { margin-top: 88px; } #sidebar .box { margin-bottom: 30px; } #sidebar .box h2 { margin: 0 0 31px 47px; font-size: 24px; line-height: 1; font-weight: bold; text-transform: uppercase; color: #fff; } #sidebar .box ul { border-top: 1px solid #66072a; border-bottom: 1px solid #260310; } #sidebar #getintouch ul li { float: left; width: 100%; background: url(sprite-social.png) 40px 12px no-repeat; } #sidebar .box ul a { float: left; width: 100%; border-top: 1px solid #260310; border-bottom: 1px solid #66072a; line-height: 1.5em; background-image: url(sprite-social.png); background-repeat: no-repeat; background-position: 40px 12px; } #sidebar .box ul a span { float: left; width: 182px; padding: 15px 0 14px 78px; } #sidebar .box ul a:hover { color: #fff; } #sidebar .box ul a span { background: url(bg_social-hover.png) -120px -90px no-repeat; } /* #sidebar .box ul a:hover span { background: url(bg_social-hover.png) 260px -90px no-repeat; } */ #sidebar .box ul .twitter a { background-position: 40px -666px; } #sidebar .box ul .linkedin a { background-position: 40px -440px; } #sidebar .box ul .deviantart a { } #sidebar .box ul .delicious a { } #sidebar .box ul .facebook a { background-position: 40px -214px; } /* 2.5 Footer _______________________________________________________________________________________________*/ #footer { border-top: 1px solid #e1b1bf; } #footer, #footer .container { background: #fdfafb url(bg_footer.jpg) 50% 0 repeat-x; } #footer .container { height: 204px; } /* Copyright notice */ #footer p.copyright { float: left; display: inline; width: 197px; height: 33px; padding: 59px 0 0 103px; margin: 72px 33px 0 2px; line-height: 1.5em; text-transform: uppercase; font-weight: bold; background: url(sprites.png) 0 -326px no-repeat; color: #200106; } #footer .box { float: left; width: 289px; padding: 0 1px; background-image: url(sprites.png); background-position: 0 -851px; } #footer .box .inner { height: 204px; background: url(white25.png); } #footer .box .head { position: relative; top: -1px; height: 70px; padding: 0 0 0 61px; margin: 0 0 9px; background: url(sprites.png) 0 -1274px no-repeat; } #footer .box ul a { display: block; padding: 6px 25px 6px 49px; line-height: 1.5em; text-transform: uppercase; font-weight: bold; color: #1e0105; } #footer .box ul a:hover { color: #3da001; } #footer #links_adesigns { margin-right: 39px; background-position: 0 -428px; } #footer #links_friends ul a span { color: #3da001; } #footer #links_friends ul a:hover span { color: #1e0105; } #footer #links_friends ul a:hover strong { color: #3da001; } #footer .box h3 { position: relative; top: -8px; height: 50px; text-align: left; text-indent: -999em; background-image: url(sprite_txts.png); background-repeat: no-repeat; } #footer #links_adesigns h3 { background-position: 0 -269px; } #footer #links_friends h3 { background-position: 0 -209px; } /* 3. INDIVIDUAL PAGES _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 3.1 Homepage _______________________________________________________________________________________________*/ /* Backgrounds */ body.home { background: #1E0105 url(bg_body-home.jpg) 50% 0 no-repeat; } .home #wrapper { background: url(bg_home-wrapper.png) 50% 0 repeat-y; } .home #wrapper-inner { background: url(bg_home-wrapper-top.jpg) 50% 0 no-repeat; } body#projects.index { background: #1E0105 url(bg_body-port.png) 50% 0 repeat-y; } .port #body { background: transparent url(bg_header-port.jpg) 50% 0 no-repeat; } #wrapper-inner2 { background: url(bg_home-wrapper-bottom.png) 50% 100% no-repeat; } /* Branding */ body.home #branding .container { height: 400px; background: #fdf8f8 url(bg_branding.jpg) 0 0 no-repeat; } body.home #branding .spill { position: absolute; top: 400px; right: 0; width: 343px; height: 17px; background: url(bg_branding-spill.png) 0 0 no-repeat; } body.home #branding .tagline { position: absolute; top: 176px; left: 26px; width: 446px; height: 85px; text-align: left; text-indent: -999em; background-image: url(sprite_txts.png); background-repeat: no-repeat; background-position: 0 -114px; } body.home #branding .cta { position: absolute; top: 261px; left: 41px; width: 298px; height: 104px; text-align: left; text-indent: -999em; background-image: url(sprite_txts.png); background-repeat: no-repeat; background-position: 0 0; } /* RecentWork */ #recentwork { padding: 7px 0 0 16px; } #recentwork h2 { margin: 0 0 1px 3px; } #content .thumbs { padding: 0 0 34px; } #content .thumbs li { float: left; position: relative; display: inline; height: 162px; padding: 0; margin: 0 0 34px 34px; line-height: 1; } #content .thumbs li:first-child { margin-left: 0; } #content .thumbs .thumb { float: left; width: 195px; height: 138px; padding: 8px; overflow: hidden; background: #510629 url(sprites.png) 0 -76px no-repeat; } #content .thumbs .thumb img { float: left; } #content .thumbs .button { position: absolute; top: 133px; left: 18px; } /* AboutMe */ #aboutme { padding: 0 0 0 8px; margin: 0 0 62px; background: url(bg_aboutme.png) 0 51px no-repeat; } #aboutme h2 { margin-left: 8px; } #aboutme .contents { position: relative; width: 797px; padding: 9px 23px 10px 142px; background: url(bg_aboutme.png) -8px 100% no-repeat; } #aboutme .message { position: relative; z-index: 2; padding: 20px 20px 58px 20px; background: #fff url(dot-pink.png); color: #200107; } #aboutme .me { position: absolute; top: -5px; left: -8px; } #aboutme .cta { position: absolute; left: 0; bottom: 18px; z-index: 3; width: 100%; padding: 8px 0; margin: 0; border: 1px solid #5e0730; text-align: center; background: #210107; color: #fff; box-shadow: 0px 1px 4px -2px #000; -moz-box-shadow: 0px 1px 4px -2px #000; -webkit-box-shadow: 0px 1px 4px -2px #000; } /* WhyMe */ #whyme { float: left; width: 438px; padding: 0 0 0 16px; } #content blockquote { padding: 0 0 1px; margin: 0 0 15px; font-style: normal; background: url(bg_blockquote-br.png) 100% 100% no-repeat; } #content blockquote p { padding-left: 4px; } #content blockquote p:first-child { padding-top: 9px; text-indent: 50px; background: url(bg_blockquote-tl.png) 0 0 no-repeat; } /* WhatsNew */ #whatnew { float: right; width: 440px; padding: 0 0 0 17px; margin: 0 0 30px; background: url(bg_whatsnew.png) 0 60px no-repeat; } #whatnew .contents { position: relative; width: 416px; padding: 22px 0; border: 1px solid #8f0c2d; background: #5d0729 url(bg_whatsnew-grad.png) 100% 0 repeat-y; background: linear-gradient(left, #5d0729, #3e0313); background: -o-linear-gradient(left, #5d0729, #3e0313); background: -ms-linear-gradient(left, #5d0729, #3e0313); background: -moz-linear-gradient(left, #5d0729, #3e0313); background: -webkit-linear-gradient(left, #5d0729, #3e0313); background: -webkit-gradient(linear, 0 0, 100% 0, from(#5d0729), to(#3e0313)); } #whatnew .follow { position: absolute; bottom: -15px; right: 3px; width: 87px; height: 76px; text-align: left; text-indent: -999em; background: url(sprites.png) 0 -240px no-repeat; } #content #whatnew ul { margin: 0; } #content #whatnew ul li { padding: 8px 40px 8px 53px; border-width: 1px 0; border-style: solid; border-color: #2c0310 #000 #700728; line-height: 1.5em; background: url(ico-twitter.png) 10px center no-repeat; } #content #whatnew ul li a { font-size: 11px; font-style: italic; color: #fff; } #content #whatnew ul li span a { font-size: 12px; font-style: normal; white-space: nowrap; color: #96ff00; } #content #whatnew ul li span a:hover { color: #00c0ff; } #content #whatnew ul li:first-child { border-top: none; } #content #whatnew ul li:last-child { border-bottom: none; padding-right: 70px; } /* 3.2 Portfolio _______________________________________________________________________________________________*/ /* Branding */ body#projects.index #branding { background: url(bg_branding-port.png) 50% 45px no-repeat; } body#projects.index #branding .container { padding: 75px 0 50px; } body#projects.index #branding .images { position: relative; height: 291px; } body#projects.index #branding .images .image { position: absolute; float: left; padding: 11px; border: 1px solid #660933; background-color: #3d051e; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; box-shadow: 0px 0px 32px -4px #000; -moz-box-shadow: 0px 0px 32px -4px #000; -webkit-box-shadow: 0px 0px 32px -4px #000; } body#projects.index #branding .images .image img { float: left; } body#projects.index #branding .images .image-1 { top: 0; left: 298px; z-index: 5; } body#projects.index #branding .images .image-3 { top: 17px; left: 472px; z-index: 4; } body#projects.index #branding .images .image-2 { top: 17px; left: 162px; z-index: 3; } body#projects.index #branding .images .image-4 { top: 47px; left: 38px; z-index: 2; } body#projects.index #branding .images .image-5 { top: 47px; left: 659px; z-index: 2; } /* Portfolio - Items */ #portfolio { padding-left: 39px; } #portfolio .portfolio { background: url(bg_portfolio-item.jpg) 0 0 no-repeat; padding: 19px 0 10px 10px; margin: 0 0 63px; } #portfolio .image { float: left; position: relative; width: 593px; height: 377px; overflow: hidden; margin-right: 60px; } #portfolio .image img { position: relative; z-index: 1; display: block; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #portfolio .image .shadow { position: absolute; top: 0; left: 0; z-index: 2; width: 593px; height: 377px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: inset 0px 0px 8px #000; -moz-box-shadow: inset 0px 0px 8px #000; -webkit-box-shadow: inset 0px 0px 8px #000; } #portfolio .image span { position: absolute; bottom: 0; left: -999em; z-index: 1; width: 89px; height: 100px; background: url(sprites.png) 0 -1354px no-repeat; border-radius: 0px 0px 8px 0px; -moz-border-radius: 0px 0px 8px 0px; -webkit-border-radius: 0px 0px 8px 0px; } #portfolio .image a:hover span { left: auto; right: 0; } #portfolio .details { float: right; width: 277px; } #portfolio .details h3 { margin: 80px 0 30px; font-size: 22px; line-height: 35px; } #portfolio .details ul { margin: 0 0 18px; } #portfolio .details ul li { padding-left: 0; background: none; } #portfolio .details .advanced { clear: both; padding-top: 12px; } #portfolio .details li { font-style: italic; } #portfolio .details li strong { font-weight: normal; color: #a8263f; } /* 3.2 Contact _______________________________________________________________________________________________*/ body.twocol #wrapper-inner2 { padding-bottom: 1px; } body.twocol #wrapper .container { background: #FFF url(bg_wrapper-cont.png) 0 4px repeat-y; color: #38001a; margin-bottom: 123px; padding-bottom: 0; } body.twocol #content { float: right; width: 640px; padding: 0 40px 0 40px; } body.twocol #sidebar { float: left; width: 260px; background: #4c0626 url(bg_wrapper-cont.png) 0 0 repeat-y; color: #fff; } #sidebar a { color: #fff; } #sidebar a:hover { color: #00c0ff; } body#contacts.new #flash_notice { position: absolute; top: 0; right: 0; width: 148px; height: 95px; text-align: left; text-indent: -999em; background: url(ico-sent.png) no-repeat; } /* 3.3 Admin _______________________________________________________________________________________________*/ #testimonials.index .testimonial { padding: 10px; margin: 18px 0; background-color: #1E0105; color: #fff; } /* 4. PLUG-INS _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 4.1 Custom-Radio-Checkbox _______________________________________________________________________________________________*/ i.radio,i.checkbox{background:url(radio-checkbox.png) no-repeat;width:22px;height:22px;margin:0 8px 2px 0;float:left;overflow:hidden;cursor: pointer; } i.radio{background-position:0 0} i.radio-checked{background-position:0 -22px} i.checkbox{background-position:-22px 0} i.checkbox-checked{background-position:-22px -22px}.hideInput{position:absolute;left:-999em} /* 4.2 jQUery UI Datepicker _______________________________________________________________________________________________*/ .ui-datepicker { font-size: 12px; } /* 4.2 prettyPhoto _______________________________________________________________________________________________*/