/* Reset Styles ----------------------------------- */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;} nav ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;} a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;} ins{background-color:#ff9;color:#000;text-decoration:none;} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} del{text-decoration:line-through;} abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;} table{border-collapse:collapse;border-spacing:0;} hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;} input,select{vertical-align:middle;} a img{border:0;} body{background:#000 url(http://files.designtheweb.ie/media/graphics/bg.jpg) no-repeat 0 0;height:100%;overflow:hidden;font:62.5%/1.2 Arial,Helvetica,sans-serif;color:#fff;} body.subpage{height:auto!important;overflow:auto;} #sizer{min-width:960px;min-height:400px;} a{color:#fff;text-decoration:none;outline:none;} li{list-style:none;} .hidden{display:none;} .invisible{visibility:hidden;} .replace, .button {display: block;height:0; overflow:hidden} .aluminium {background: #767676;background: -webkit-gradient(linear, left top, left bottom, from(#767676), to(#4b4b4b));border-top: 1px solid #9c9c9c;color: #cccccc;-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.6);} .glossy-black {background: rgba(0,0,0,0.7);background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.7)));border-bottom: 1px solid rgba(255,255,255,0.07);border-top: 1px solid rgba(255,255,255,0.1);-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.6)} /* Clearing ----------------------- */ .clear {clear:both} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height:1%;} .clearfix{display:block; } /* End hide from IE-mac */ /* Homepage ----------------------------------- */ #header-home{display: none;left:50%;margin:-80px 0 0 -450px;position:absolute;text-align:center;top:50%;width:900px;} #header-home h1{font-size:50px;line-height:50px;} #header-home #header-links{font-size:16px;line-height:16px;margin-top:10px;} #header-home #header-links a{color: #999999;margin:10px;} #header-home #header-links a:hover {color:#fff} /* Subpage Header ----------------------------------- */ #header {margin:0;padding: 12px 0;position: absolute;text-transform:uppercase;top: 18px;width:100%;z-index:90} #header h1{float:left;margin:2px 0px 0px 25px;font-weight:bold;font-size:24px;height:24px;line-height:24px;letter-spacing: 4px} #header #header-links li, #header #navigation li {display:block;float:left;font-size:16px;line-height:16px;margin:3px 0 2px 25px;} #header #header-links li a, #header #navigation li a {color: #999999;} #header #header-links li a:hover, #header #navigation li a:hover {color:#fff; } #header #header-links li a.selected{color:#fff} #header #navigation {float: right;margin-right: 25px;} /* Portfolio Thumbnail Navigation ----------------------------------- */ #header-and-thumbs{position:absolute;top:0;left:0;width:100%;height:200px;} #header-and-thumbs .shim{position:absolute;width:100%;height:100%;} #thumb-nav{position:absolute;left:0;width:100%;height:100px!important;padding:62px 0 15px;background:url(http://files.designtheweb.ie/media/graphics/thumbs-nav-bg.png) repeat-x 0 100%;z-index:99} #thumb-nav ul{float:left;padding:6px 4px 6px 0;background:url(http://files.designtheweb.ie/media/graphics/thumbs-shadow.png) repeat-x 2px 0;} #thumb-nav li{position:relative;float:left;display:inline;list-style:none;margin-left:30px;line-height:0;background:#666;} #thumb-nav li a{display:block;width:120px;height:90px;} #thumb-nav li.first-child{margin-left:26px;} #thumb-nav li.selected img,#thumb-nav li span.overlay{position:absolute;width:120px;height:90px;padding:18px;top:-18px;left:-18px;background:url(http://files.designtheweb.ie/media/graphics/active-thumb.png);} .jScrollPaneContainer{border-bottom: 1px solid rgba(255,255,255,0.01);position:absolute;width:100%;height:auto!important;padding-bottom:15px; background:url(http://files.designtheweb.ie/media/graphics/thumbs-nav-bg-scrollbar.png) no-repeat 0 100%;-webkit-box-shadow:0px 0px 20px #000;top:24px;z-index:80} .jScrollPaneContainer #thumb-nav{float:left;position:static;background-image:none;padding-bottom:0!important;} .jScrollPaneTrack{position:relative;cursor:pointer;margin-top:177px;left:35px!important;right:25px!important;height:26px!important;background:url(http://files.designtheweb.ie/media/graphics/scrollbar-track.png) no-repeat 100% 100%;} .jScrollIntervalTrack{position:absolute;} .jScrollPaneDrag{position:absolute;top:0!important;height:26px!important;margin:0 0 0 -10px!important;cursor:pointer;background:url(http://files.designtheweb.ie/media/graphics/bar-M.png) no-repeat 50% 1px;z-index:90;} .jScrollPaneDragLeft{position:absolute;top:1px;left:0;overflow:hidden;width:50%;height:24px;background:url(http://files.designtheweb.ie/media/graphics/bar-L.png) no-repeat 0 0;} .jScrollPaneDragRight{position:absolute;top:1px;right:0;overflow:hidden;width:50%;height:24px;background:url(http://files.designtheweb.ie/media/graphics/bar-R.png) no-repeat 100% 0;} a.jScrollArrowLeft, a.jScrollArrowRight{display:none;} /* Portfolio Display ----------------------------------- */ .full-image{position:absolute;height:100%;padding-top:90px;width:100%;} .full-image.vimeo{z-index:1000;} .full-image img {-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.6);} .full-image .project-info {bottom: 110px;font-size:11px;line-height: 18px;margin-right: -240px;right: 50%;padding: 9px 20px;position:absolute;width: 440px;z-index: 90;-webkit-border-radius:3px;} .full-image .project-info ul li {display: block;float:left;margin-right:20px;} .full-image .project-info ul li.last {margin-right:0} .full-image .project-info ul li strong {color: #f8f8f8;display: block;font-size:12px;font-weight:bold} #loading{background: #000 url(http://files.designtheweb.ie/media/graphics/loading.gif) no-repeat -2px -1px;position:absolute;top:50%;left:50%;width:110px;height:110px;margin:-50px 0 0 -56px;text-indent:-9999px;overflow:hidden;-moz-border-radius: 10px;-webkit-border-radius: 10px} #prev-next-nav li{position:absolute;height:100%;width:50%;top:0;cursor:pointer;} #prev-next-nav #next-link{left:50%;} #prev-next-nav li a{position:absolute;display:block;} /* Contact ----------------------------------- */ #profileview{clear:both;height:320px;position:absolute;top:0;left:0;width:100%;z-index:100;background:#f2f2f2 url(images/earth.jpg) no-repeat center 160px;display:none} #fullscreen{width:100%;height:100%;background:#000;position:fixed;opacity:0.5;display:none;z-index:99;top:0;right:0} .profiledescription{position:absolute;text-shadow:0 1px 0 #fff;width:210px;font-size:12px;font-weight:bold;color:#757575} .profiledescription h3{color:#757575} .profiledescription h2{margin:0;padding:50px 0 15px 0;line-height:10px;font-size:14px;font-weight:bold} #contact li{float:left;width:32px;height:32px;margin:0 15px 0 0;padding:10px 0 5px 0} #contact li a{text-indent:-999em;display:block;height:100%;opacity:0.5} .mailme{background:url(images/pmail.png) no-repeat} .twitterme{background:url(images/ptwitter.png) no-repeat} .skypeme{background:url(images/pskype.png) no-repeat} .feedme{background:url(images/prss.png) no-repeat} #contactinfo{line-height:20px;color:#000} #profileview .wrapper{background:url(images/photo.jpg) no-repeat right 23px;height:100%} .closeprofile {background-color:#fff;padding:8px 10px 10px;color:#000;font-weight:bold;font-size:12px;-webkit-border-radius:6px;-moz-border-radius:6px;line-height:10px;text-decoration:none} .closeprofile:hover {text-decoration:none;color:#222} .closeprofile:active{padding:9px 10px 9px} .closeprofile{position:absolute;bottom:-60px;left:50%;margin-left: -40px;display:none} /* Browser Specific Stuff ----------------------------------- */ .ff2 #header h1{padding-top:1px!important;} .ff3 #header #header-links{padding-top:3px!important;} .safari #header #header-links{padding-top:3px!important;} .ie7 img{-ms-interpolation-mode:bicubic;} .ie7 #header #header-links{padding-top:4px!important;} .ie7 .hasScrollbar .jScrollPaneContainer{height:203px!important;overflow-y:hidden;} .ie7 .jScrollPaneTrack{top:177px;margin-top:0!important;} .ie7 #theme-presentation .resume-page a{border:0;text-decoration:underline;} .ie7 #theme-presentation .resume-page a:hover{text-decoration:none;} .ie8 img{-ms-interpolation-mode:bicubic;} .ie8 #header-and-thumbs{background:#000;filter:alpha(opacity = 1);} .ie8 #header #header-links{padding-top:3px!important;} #full-usit {background: rgba(95,51,145,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-discovercentraleurope {background: rgba(142,159,40,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-j1online {background: rgba(191,66,34,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-usavisa {background: rgba(107,198,230,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-ghr {background: rgba(68,96,143,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-kinara {background: rgba(255,215,124,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-frequentia {background: rgba(84,109,150,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-cultellus {background: rgba(217,18,181,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-canadaprogramme {background: rgba(156,20,30,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-kinara {background: rgba(255,176,0,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-interrailing {background: rgba(164,182,67,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-spacefolio {background: rgba(255,77,0,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-designcommando {background: rgba(240,234,6,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-utravel {background: rgba(0,198,255,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;} #full-visitaustralia {background: rgba(19,89,148,0.5) url(http://files.designtheweb.ie/media/graphics/overlay-bg.png) center center no-repeat;}