/*------------------------------------------------------------------ Master Stylesheet Version: 1.0 Revised: 5/21/10 Author: Mightyspark Industries, Matthew Miller Useage: Screen -------------------------------------------------------------------*/ @import "reset.css"; @import "typography.css"; /* @import "forms.css"; */ /*------------------------------------------------------------------ General Styles -------------------------------------------------------------------*/ html { height: 100.5%; } body { position: relative; background: url("../images/bg.png") repeat-x #ffffff; background-position: top; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #444; } body#editor { position: relative; background: #fafaf4; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #444; padding: 5px; } #codeigniter_profiler { position: relative; top: 675px; } .clearBoth { clear: both; } .clearRight { clear: right; } .vSpace { margin: 20px 0 15px 0; } .lSpace { margin-left: 20px; } .testing { border: 1px solid pink; } .indent { padding: 5px 0 5px 20px;} .float_lt { float: left; } .float_rt { float: right; } .inline { display: inline; } /*------------------------------------------------------------------ Banner & Structure -------------------------------------------------------------------*/ #headerContainer { position: relative; width: 970px; margin: 0 auto; } #logo { position: absolute; top: 0; left: 0px; } #headerText { position: absolute; top: 135px; left: 0; width: 600px; height: 250px; } #bannerImg { position: absolute; top: 134px; left: 630px; } #incaaLogo { position: absolute; top: 285px; left: 285px; } #searchBox { position: absolute; top: 11px; left:465px; width: 160px; } #pageContent { position: relative; top: 445px; width: 970px; margin: 0 auto; } /* #pageContent { position: relative; top: 0; width: 970px; margin: 300px auto; } */ #mainContent { width: 635px; padding: 5px 0; } .mainContentFull { width: 970px !important;} #sidebarContent { width: 310px; padding: 0px; margin: 0; float: right; } #sidebarBox { width: 261px; height: 160px; background: url("../images/sidebar_bg.png") no-repeat; padding: 25px 25px 0 20px; } #sidebarBox .icon { position: relative; top:5px; left: 5px;} #recentPublications { margin: 20px 0 0 0; } #recentPublications p { color: #898787; border-bottom: 1px dotted #898787; } div.entry { color: #898787; border-bottom: 1px dotted #898787; padding: 10px 0; } div.body { color: #898787; display: inline; margin-right: 8px; } div.title { display: inline; } #footer { position: relative; top: 175px; } .social_icon { margin:5px 0 0 3px; } /* .social_icon:first-child{ margin-left: 4px; } */ /* .social_icon:last-child { margin-right: 0px; } */ .view_more { color: #5750aa; text-decoration: underline; margin-bottom: 10px;} .more_text { display: none; } /*------------------------------------------------------------------ Primary Navigation -------------------------------------------------------------------*/ ul#primaryNav { position: absolute; top: 52px; left:308px; width: 660px; height: 40px; } #primaryNav > li { list-style: none; display: inline; margin: 0; padding: 0; } #primaryNav > li > a { display: block; float: left; text-indent: -9999px; height: 40px; background-image: url("../images/nav.png"); background-repeat:no-repeat; } #primaryNav li#home > a, #primaryNav li#home > a:link, #primaryNav li#home > a:visited { background-position:0px 0px; width:87px; } #primaryNav li#home > a:hover, #primaryNav li#home > a:focus, #primaryNav li#home > a:active, #primaryNav li#home_on > a, #primaryNav li#home_on > a:link, #primaryNav li#home_on > a:visited { background-position:0px -40px; width: 87px; } #primaryNav li#about > a, #primaryNav li#about > a:link, #primaryNav li#about > a:visited { background-position:-87px 0px; width:117px; } #primaryNav li#about > a:hover, #primaryNav li#about > a:focus, #primaryNav li#about > a:active, #primaryNav li#about_on > a, #primaryNav li#about_on > a:link, #primaryNav li#about_on > a:visited { background-position:-87px -40px; width: 117px; } #primaryNav li#resources > a, #primaryNav li#resources > a:link, #primaryNav li#resources > a:visited { background-position:-204px 0px; width:131px; } #primaryNav li#resources > a:hover, #primaryNav li#resources > a:focus, #primaryNav li#resources > a:active, #primaryNav li#resources_on > a, #primaryNav li#resources_on > a:link, #primaryNav li#resources_on > a:visited { background-position:-204px -40px; width: 131px; } #primaryNav li#project > a, #primaryNav li#project > a:link, #primaryNav li#project > a:visited { background-position:-335px 0px; width:199px; } #primaryNav li#project > a:hover, #primaryNav li#project > a:focus, #primaryNav li#project > a:active, #primaryNav li#project_on > a, #primaryNav li#project_on > a:link, #primaryNav li#project_on > a:visited { background-position:-335px -40px; width: 199px; } #primaryNav li#contact > a, #primaryNav li#contact > a:link, #primaryNav li#contact > a:visited { background-position:-534px 0px; width:126px; } #primaryNav li#contact > a:hover, #primaryNav li#contact > a:focus, #primaryNav li#contact > a:active, #primaryNav li#contact_on > a, #primaryNav li#contact_on > a:link, #primaryNav li#contact_on > a:visited { background-position:-534px -40px; width: 126px; } /*------------------------------------------------------------------ Buttons -------------------------------------------------------------------*/ #btn_tryCalc { position: absolute; top: 295px; left: 12px; } #btn_tryCalc a, #btn_tryCalc a:link, #btn_tryCalc a:visited { display:block; width: 215px; height: 50px; background-image: url(../images/btn_tryCalc.png); background-repeat:no-repeat; background-position:0 0; text-decoration: none; text-indent: -9999px; } #btn_tryCalc a:hover, #btn_tryCalc a:focus, #btn_tryCalc a:active { background-position:0 -50px; } #btn_tryCalcSidebar { position: relative; top: 5px; left: 40px; } #btn_tryCalcSidebar a, #btn_tryCalcSidebar a:link, #btn_tryCalcSidebar a:visited { display:block; width: 215px; height: 50px; background-image: url(../images/btn_tryCalc.png); background-repeat:no-repeat; background-position:0 0; text-decoration: none; text-indent: -9999px; } #btn_tryCalcSidebar a:hover, #btn_tryCalcSidebar a:focus, #btn_tryCalcSidebar a:active { background-position:0 -50px; } .btn_readmore { } .btn_readmore a, .btn_readmore a:link, .btn_readmore a:visited { display:block; width: 75px; height: 12px; background-image: url(../images/btn_readmore.png); background-repeat:no-repeat; background-position:0 0; text-decoration: none; text-indent: -9999px; } .btn_readmore a:hover, .btn_readmore a:focus, .btn_readmore a:active { background-position:0 -12px; } #btn_casemanager { position: absolute; top: 5px; right: 0px;} /*------------------------------------------------------------------ Images -------------------------------------------------------------------*/ img#logo_background { position: absolute; top: 120px; left: -30px;} img.float_rt { float: right; margin: 0 0px 15px 15px; } img.float_lt { float: left; margin: 0 15px 20px 0; } img.framed { padding: 8px; border: 1px solid #656565; } img.header { position: absolute; top: -20px; left: -20px; } img.excel_icon { position: relative; top: 2px;} /*------------------------------------------------------------------ Links -------------------------------------------------------------------*/ a, a:link, a:visited { color: #354990; text-decoration: underline; } a:hover, a:active, a:focus { color: #4c61a9; text-decoration: underline; } #headerText a, #headerText a:visited, #headerText a:link { color: #fff; text-decoration: none; } #headerText a:hover, #headerText a.active { color: #fff; text-decoration: underline; } #footerContent a, #footerContent a:visited, #footerContent a:link { color: #fff; text-decoration: none; margin-right: 10px; } #footerContent a:hover, #footerContent a.active { color: #fff; text-decoration: none; border-bottom: 1px #fff dotted; } /*------------------------------------------------------------------ Forms -------------------------------------------------------------------*/ input.textbox_search { width:120px; border: 1px solid #d8d8d8; color: #9d9d9a; padding:3px; position: relative; top:-4px; } input.textbox_sm { width:180px; border: 1px solid #9d9d9a; color: #9d9d9a; padding:3px; position: relative; top:-5px; } #SignUp .signupframe { border: none; background-color: transparent; color: #232323; font-family: Arial, Helvetica, sans-serif; padding: 20px; } .box { background-color: #e6e6e6; padding: 10px; width: 50%;} .box_small { background-color: #e6e6e6; padding: 10px; width: 250px;} .box-error { font-weight: bold; margin: 5px 0 15px 0; border: 2px solid #b22821; } .box-info { font-weight: bold; margin: 5px 0 15px 0; border: 2px solid #083552; } div#member_form { width: 50%; } div#member_form label { font-weight: bold; } div#member_form input[type="text"], div#member_form input[type="password"] { padding: 4px; font-size: 12px; width: 175px;} div#member_form input[type="submit"] { font-weight:600; color:#FFFFFF; background-color:#083552;font-size: 110%; padding:3px 6px; margin-right: 20px;} input.medium { width: 50%; } textarea.textarea_form { width: 100%%; height: 80px; } #request_form label { font-weight: bold; } #request_form select { width: 35%; font-size: 13px;}