/* Styles for default install of portfolio Written by Ryan Hinkel */ /* Site Wide */ .splash #header {display:none;} html {margin:0;height: 100%;} body {margin:0;height: 100%} p {} a, a img, img {border-style:none; text-decoration: none;outline:none;} /* Fonts */ @font-face { font-family:UnitedSansSemiCondBold ; src: url('/fonts/UnitedSansSmCdBd.otf'); } @font-face { font-family:UnitedSansSemiCondMedium ; src: url('/fonts/UnitedSansSmCdMd.otf'); } @font-face { font-family:UnitedSansRegLight ; src: url('/fonts/UnitedSansRgLt.otf'); } @font-face { font-family:UnitedSansReg; src: url('/fonts/UnitedSansRgLt.otf'); } @font-face { font-family:UnitedSansReg; font-weight: bold; src: url('/fonts/UnitedSansRgMd.otf'); } a {color:#464646;} .h {background-color:#e3e384;} body {font-family: 'Cabin', Arial, san-serif; font-weight: 400; font-size: 13px;} #header {font-family: 'Cabin', Arial, san-serif;font-weight: 400; font-size: 13px;line-height:14px;} #header li {text-transform:uppercase;} #header li a {color:#ab1830;} #header li a:hover {font-family: 'Cabin', Arial, san-serif;font-weight: 600;color:#600715;} #header li .dropdown, #header li .dropdown h2 {font-weight:400;font-family: 'Cabin', Arial, san-serif;} #header #nav li .dropdown a {color:#fff;} #header #nav li .dropdown a:hover {font-family: 'Cabin', Arial, san-serif;font-weight:400;} #tagline {color:#ab1830;} .title {font-family: 'Cabin', Arial, san-serif; font-weight: 300; font-size: 14px;line-height:18px;} .work.block:hover .title {font-family: 'Cabin', Arial, san-serif;font-weight: 400; color: #ab1830;line-height: 18px;} .work_show .title {font-family: 'Cabin', Arial, san-serif;font-weight: 600; color: #ab1830;text-transform: uppercase; font-size:22px;margin:0 0 14px;line-height: 24px;} .pdf {font-family: 'Cabin', Arial, san-serif; font-size: 13px;line-height: 18px;color:#ab1830;margin: 0 0 14px;display:block;} .description {font-family: 'Cabin', Arial, san-serif; font-weight: 300; font-size: 14px;line-height: 20px;} #sort_menu .label {font-size:13px; font-family: 'Cabin', Arial, san-serif;font-weight: 600;text-transform:uppercase;color:#600715;} #sort_menu a {font-size: 13px; font-family: 'Cabin', Arial, san-serif;text-transform:uppercase;color:#ab1830;} #sort_menu a:hover {color:#600715; text-decoration: underline;} #sort_menu a.selected {color:#600715; text-decoration: underline;} .dropdown, #nav .dropdown {font-size:13px; font-weight: 400; text-align: left;color:#fff;text-transform: none;line-height:18px;} #nav #contact_dropdown {font-size:14px;} #nav #follow_dropdown {font-size:15px;text-align:center;} #nav #org_dropdown {font-size:14px; font-weight: 400; text-align: left;color:#fff;font-family: 'Cabin', Arial, san-serif;text-transform: none;line-height:22px;} #launch_site {font-size:13px;font-family: 'Cabin', Arial, san-serif;} #set {font-size:13px;font-family: 'Cabin', Arial, san-serif;} #footer {font-family: 'Cabin', Arial, san-serif; font-size: 13px;color:#fff;} #footer p {margin: 4px;} #footer .copy {font-family: 'Cabin', Arial, san-serif;line-height: 20px} #footer .right {float:right;letter-spacing: 0px;} #footer a {color: #eed02b;} .center {color:#ceb628;} /* Header */ #header {position:fixed; top:0; left: 0; right:0; z-index: 1000;min-width: 1010px;} #logo {position:absolute;top:33px; left:50%;margin: 0 0 0 -505px;} #logo a {display:block;background: url('/images/logo.png');width:118px; height: 140px;text-indent:-9999px; overflow:hidden;} #logo a:hover {} #nav {border-bottom: 7px solid #ab1830; position:absolute;top: 0px;left:50%;width: 870px;margin:0 0 0 -365px;padding:0;height:35px;list-style-type:none;background-color: #fff;} #nav li {float:right;height:13px;margin: 12px 0 0;padding: 1px 0px 0;border-left: 1px solid #eac5cb;position:relative;text-align: center;} #nav li.last {border-style:none;} #nav li a {cursor:pointer;} #nav li a:hover {} #nav .org_item {width: 50px;} #nav .follow_item {width:66px;} #nav .contact_item {width:71px;} #nav .partners_item {width:106px;} #nav .team_item {width:77px;} #nav .about_item {width:72px;} /* #nav .org_item {width: 38px;} #nav .follow_item {width:56px;} #nav .contact_item {width:61px;} #nav .partners_item {width:92px;} #nav .team_item {width:67px;} #nav .about_item {width:62px;} */ #nav #follow_dropdown a.face, #nav #follow_dropdown a.twit {width: 81px; height: 83px;text-indent: -9999px;overflow:hidden;display:block;float:left;margin: 10px 2px 0} #nav #follow_dropdown a.face {background-image: url('/images/face.png')} #nav #follow_dropdown a.twit {background-image: url('/images/twit.png')} #nav #follow_dropdown a.face:hover {background-position: 0px -83px;} #nav #follow_dropdown a.twit:hover {background-position: 0px -83px;} #nav .org_item .rollover {display:none;} #nav .org_item:hover .rollover {display:block;} #tagline {position:absolute; top:12px; left: 50%;margin:0 0 0 -365px;} /* Drop Downs */ /* Shadows .dropdown {position:absolute;width:380px;border-top: 3px solid #fff; background: #ab1830; right:0;top:30px;padding:32px 11px;} .dropdown { -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: -5px 4px 5px #888; box-shadow: -2px 2px 5px #888; } */ .dropdown {position:absolute;width:372px;background: url('/images/dropdown_back.png'); right:0;top:54px;padding:9px 22px 9px;} .dropdown h2 {margin: 0 0 8px;padding: 0 0 5px;} .dropdown a.close {position:absolute;width:416px; height: 25px; text-indent:-9999px;overflow:hidden;background: url('/images/dropdown_topbottom.png'); top:-24px; left:0;cursor: pointer;padding:0;} .dropdown a.close:hover {background-position: -416px 0;} .dropdown a {padding: 0px;} .dropdown_bottom {height: 25px;width:416px;background: url('/images/dropdown_topbottom.png') 0px -25px;position:absolute; bottom:-25px; left: 0;} .dropdown.narrow {position:absolute;width:171px;background: url('/images/dropdown_back_narrow.png'); right:-5px;top:54px;padding:9px 22px 9px;} .dropdown.narrow a.close {width:215px;background-position: 0px -50px;} .dropdown.narrow a.close:hover {background-position: -416px -50px;} .dropdown.narrow .dropdown_bottom {width:215px;background-position: 0px -75px;} .dropdown.narrow.wideword {position:absolute;width:171px;background: url('/images/dropdown_back_narrow.png'); right:-5px;top:54px;padding:9px 22px 9px;} .dropdown.narrow.wideword a.close {width:215px;background-position: 0 -100px;} .dropdown.narrow.wideword a.close:hover {background-position: -416px -100px;} .dropdown.narrow.wideword .dropdown_bottom {width:215px;background-position: 0px -75px;} .dropdown.wide {position:absolute;width:590px;background: url('/images/dropdown_back_634.png'); right:-5px;top:54px;padding:9px 22px 9px;} .dropdown.wide a.close {width:634px; background: url('/images/dropdown_topbottom_634_.png');background-position: 0px 0px;} .dropdown.wide a.close:hover {background-position: -634px 0px;} .dropdown.wide .dropdown_bottom {width:634px;background: url('/images/dropdown_back_634_.png'); background-position: 0px -25px;} .dropdown.wide.wideword {position:absolute;width:683px;background: url('/images/dropdown_back_727.png'); right:-5px;top:54px;padding:9px 22px 9px;} .dropdown.wide.wideword a.close {width:727px; background: url('/images/dropdown_topbottom_727.png');background-position: 0px 0px;} .dropdown.wide.wideword a.close:hover {background-position: -727px 0px;} .dropdown.wide.wideword .dropdown_bottom {width:727px;background: url('/images/dropdown_back_727.png'); background-position: 0px -25px;} .team_item .column1, .team_item .column2 {float: left;width:260px; margin: 0 10px 0 10px;} .partners_item .column1 {float: left;width:200px; margin: 0 20px 0 10px;} .partners_item .column2 {float: left;width:220px; margin: 0 30px 0 10px;} .partners_item .column3 {float: left;width:180px; margin: 0 0px 0 10px;} #org_dropdown {position:absolute;z-index: 11; width:340px;background: url('/images/dropdown_yellow_back.png'); right:-6px;top:54px;padding:4px 25px 4px 35px;} #org_dropdown a.close {position:absolute;width:400px; height: 25px; text-indent:-9999px;overflow:hidden;background: url('/images/dropdown_topbottom_yellow.png'); top:-24px; left:0;cursor: pointer;padding:0;} #org_dropdown .dropdown_bottom {height: 25px;width:400px;background: url('/images/dropdown_topbottom_yellow.png') 0px -25px;position:absolute; bottom:-25px; left: 0;} /* Content */ #content {min-height: 100%;overflow:auto;} #main {padding-bottom: 77px;overflow:auto;width: 870px; padding: 97px 0 100px 140px; margin: 0 auto;} .home #main {overflow: hidden;} /* Work Index Page */ /* Hero Bar */ #hero_bar {position: relative; height: 340px;} #hero_top {position:absolute;top:0; left:0;z-index: 10;} #hero {width: 647px;height: 314px;position:absolute; top:5px; left:0; background-color:#fff;} #hero {width: 647px;height: 314px;overflow:hidden;position:absolute; top:5px; left:0; background-color:#fff;} #hero .cropper {width: 651px; width: 318px; position:absolute; top:-2px; left:-2px;} #hero #controls {} #hero #controls a {cursor: pointer;} #hero .fb_like {position:absolute; top:0; left:0;} #updates_header {position:absolute; left: 669px; top:0;} #updates {position:absolute; left: 669px; top: 42px; height: 252px;} #updates_follow {display:block;position:absolute; left: 669px; top:250px;z-index: 10;} .twtr-hd {display:none;} .twtr-ft {display:none;} .twtr-bd {max-height: 254px;} .twtr-widget {font-family:UnitedSansReg; !important;font-size: 12px !important;} .twtr-tweet-wrap {padding: 11px 0 !important;} /* Index Block */ .work_index {margin: 0;width: 892px;padding: 0 0 100px;overflow: auto;} /* Work Block */ .work_index .work.block {margin:30px 0 0 0;float:left;width:223px; height: 201px;position:relative;} .work_index .work.block .title {} .work_index .work.block:hover {outline: none;} .work_index .work.block:hover .title {} .work_index .work.block .title {position:absolute; top: 157px; width:201px;margin: 8px 0 0;} .work_index .work.block .info {} .content_triangle {position:absolute; top: 3px; right: 0px;} #sort_menu {padding: 30px 0 0;border-top: 2px solid #ab1830;position:relative;} #sort_menu .h {padding: 2px 2px 1px 1px;margin-right:3px;} #sort_menu a {padding: 1px 10px;cursor:pointer;} /* Work Show Page */ .work_show {margin: 0px;position:relative;} .work_show .block {} .work_show img {} .work_show .medium, .work_show .date, .work_show .size {} .work_show .block {display:block;margin: 0 0 29px 0;width:650px;} .work_index .featured {} .work_index .new {} /* #info_container {position:absolute; left: 669px; top:0;width:201px;padding:0;} */ #info_container {float:right; width: 201px;} #launch_site {margin: 0 0 10px;position:absolute; top: -20px; left: 40px;} #launch_site:hover {text-decoration:underline;} #set {margin: 0 0 10px;text-transform:capitalize;display:block;position:absolute; top: -20px; left: 0;} #set:hover {text-decoration:underline;} #arrows {display:none;position:fixed; top: 400px; left: 40px;width:908px;} #arrows a {display:block;background: url('/images/arrows.png') no-repeat; text-indent:-9999px; overflow:hidden;width:20px; height: 40px;} #arrows #previous {background-position: 0px 0px;float:left;} #arrows #next {background-position: -20px 0px;float:right;} #arrows #previous:hover {background-position: 0px -40px;} #arrows #next:hover {background-position: -20px -40px;} /* Event Page */ /* footer */ #footer_container {margin: 0 auto; width: 1010px; position: relative;margin-top: -77px;height: 77px;} #footer {width: 840px; margin: 0 0 0 140px; background-color: #ab1830;height: 47px; padding: 15px;}