/* Name: ISIS Main CSS Created 20081217 */ /* Main Globals --------------------------------------------------------------------------------------------*/ body {margin: 0; padding: 0; text-align: center; font: 75% verdana, helvetica, arial, sans-serif normal; color: #333; } div#body_bckgrd {background:white url(../img/bck.gif) 0 0 repeat;} * html body {font-size: 70%; } :first-child+html body {font-size: 70%; } h1 {font: 'Century Gothic', verdana, arial, helvetica, sans-serif; } body, html {min-height: 100.1%;} img {border: 0;} table {border-collapse: collapse;} td {vertical-align: middle;} .hr {border-bottom: 1px solid #ccc !important;} .small {font-size: 90%;} input {background: #fff;} /* Global Float Control Classes (left=float: left, right="float: right, shocking!) --------------------------------------------------------------------------------------------*/ .left {float: left;} .right {float: right;} .center {text-align: center !important;} .clear {clear: both;} /* Links --------------------------------------------------------------------------------------------*/ :focus, :active {outline: none !important;} a {color: #377ba0; text-decoration: none;} a:visited {color: #508ec2;} a:hover {color: #990000;} ul#navBottom li a {color:#000;} /* Structural Styles --------------------------------------------------------------------------------------------*/ #wrapper {width: 1024px; margin: 0 auto; padding: 0; background: #291a18 url(../img/#.png) 0 0 repeat-x;} #wrapper #header {height: 228px; background: #fff url(../img/header.gif) 0 0 no-repeat;} #header #logo {display: block; width: 220px; height: 87px; float: left;} #content {margin: 0; float: right; background:#fff 0 0 scroll repeat-x; width: 786px; padding-bottom: 20px; margin-top:-100px; background-color:#fff; min-height:1000px;} #content #text {width: 700px; margin: 0 0 10px 36px; text-align: left;} #content #text .mid {min-height: 444px; margin:0 0 0 1px; padding: 20px 0 12px 0 ;} * html #content #text .mid {height: 444px;} /* Main Nav Styles --------------------------------------------------------------------------------------------*/ #nav {list-style: none; margin: 35px 0 0 70px; float: left; width:729px; padding:0 0 0 0px;} #nav li {float: left; margin: 0 6px 0 0; padding: 0;} #nav li a {display: block; height: 24px; text-indent: -4000px;} #nav #register a {width: 90px; background: transparent url(../img/nav.png) -1px 0 no-repeat; } #bodyregister #nav #register a, #nav #register a:hover {width: 90px; background: transparent url(../img/nav.png) -1px -26px;} #nav #abstract a {width: 100px; background: transparent url(../img/nav.png) -109px 0 no-repeat; } #bodyabstract #nav #abstract a, #nav #abstract a:hover {background: transparent url(../img/nav.png) -109px -26px;} #nav #highlights a {width: 150px; background: transparent url(../img/nav.png) -218px 0 no-repeat; margin-left:10px;} #bodyschedule #nav #schedule a, #nav #highlights a:hover {background: transparent url(../img/nav.png) -218px -26px; margin-left:10px;} #nav #getting a {width: 130px; background: transparent url(../img/nav.png) -376px 0 no-repeat; margin-left:15px; } #bodygetting #nav #getting a, #nav #getting a:hover {background: transparent url(../img/nav.png) -376px -26px; margin-left:15px;} #nav #sponsors a {width: 95px; background: transparent url(../img/nav.png) -516px 0 no-repeat; } #bodysponsors #nav #sponsors a, #nav #sponsors a:hover {background: transparent url(../img/nav.png) -516px -26px;} #nav #blog a {width: 53px; background: transparent url(../img/nav.png) -627px 0 no-repeat; } #bodyblog #nav #blog a, #nav #blog a:hover {background: transparent url(../img/nav.png) -627px -26px;} /* Content Styles --------------------------------------------------------------------------------------------*/ #header h1 {color: #0376af; margin: 100px 0 8px 362px; font-weight: normal; float: left;} p#h1 {color: #0376af; margin: 70px 0 8px 362px; padding:0 0 30px 0; font-size:22px; font-weight: normal; float: left; height:22px;} p#h2, p.h2 {color: #264d5c; margin: 8px 20px 18px 0px; width: 410px; font-weight:bold; font-size:18px;} p#h3 {color: #264d5c; margin: 8px 20px 18px 0px; width: 410px; font-weight:bold; font-size:14px;} p.center {text-align:center; margin-left:75px; } div.mid ul.h4 {list-style-type:none; margin-top:0px;} div.mid li.h4 {color: #1b3b46; margin: 8px 20px 18px 70px; width: 410px; font-weight:bold; font-size:12px;} #header .topnav {text-align: right; color: #d6e5e7; margin: 5px 10px 0 0; float: right;} #header .topnav a {color: #53a7d0; margin: 0 5px;} #header .topnav a:hover {text-decoration: underline;} #content #text h2, #content #text h3, #content #text h4 {color: #264d5c; margin: 8px 20px 18px 0px; width: 370px;} #content #text h3, #content #text h4 {color: #1b3b46;} #content #text p, #content #text ol li {text-align: justify; margin: 8px 20px 8px 0px; width: 370px;} #content #text ol li {margin: 8px 30px 8px 20px; width: 360px;} #content #text .mid .column {width: 180px; float: right; margin: 0 10px 0 20px;} #actions{margin: 30px 10px 0 40px; text-align:right; font-size:110%;} #actions img {margin-bottom: 20px;} .listHead {color: #447892; font-weight: bold;} .red {color: #990000;} hr {width: 360px; color: #eee;} .nostyle {list-style: none;} .blue {color: #1b3b46} h1#submitLink {margin:0 0 0 30px;} h1#h1_head {color:#264D5C; } buckworldImg { padding-left: 10px; } /* Side Bar Styles --------------------------------------------------------------------------------------------*/ #side {width: 213px; float: left; color: #fff; padding: 0 0 0 13px; margin-top: -100px;} #side .quote {background: transparent url(../img/quote-open.png) 0 0 no-repeat; text-indent: 20px; margin-top:10px; padding: 20px 0 0 0; text-align: left; text-transform: uppercase; width: 210px; } #side .quote div {background: transparent url(../img/quote-close.png) right 0 no-repeat; height: 20px; margin: -20px 0 0 -40px;} .by {font: 8pt geneva, helvetica, arial, sans-serif normal; margin-left: 15px; text-transform: none; text-indent: 0px;} #side #rss {width: 220px; margin-top: 40px; } #rssTop {width: 213px; height: 17px; background: url(../img/sidebox-top.png) 0 0 no-repeat;} #rssBottom {width: 213px; height: 17px; background: url(../img/sidebox-bottom.png) 0 0 no-repeat;} #feed {background: #fff; min-height: 250px; width: 203px; color: #333; text-align: left; padding: 3px 5px; } p.feedTitle {font: 13pt "century gothic", verdana, sans-serif; text-align: center; margin-top: 3px; display: block; border-bottom: 1px solid #eee; } p.fbsubscribelink {text-align: center; margin-top: 20px; border-top: 1px solid #eee; padding-top: 3px;} #feed ul li {list-style: none outside; margin-left: -30px; margin-bottom: 10px;} .headline {padding-left: 25px; background: transparent url(../img/arrow.jpg) 0 0 no-repeat;} #creditfooter a img {text-align: center; margin: 0 50px;} p.date {font-size: 8pt; color: #aaa; margin: 2px; text-align: right; margin-right: 20px;} div#register-button {background:transparent url(../img/register-button.png) 0 0 no-repeat; height:43px; width:212px;} div#register-button:hover {background:transparent url(../img/register-button-over.png) 0 0 no-repeat; height:43px; width:212px;} div#submit-abstract-button {background:transparent url(../img/submit-abstract-button.png) 0 0 no-repeat; height:43px; width:212px;} div#submit-abstract-button:hover {background:transparent url(../img/submit-abstract-button-over.png) 0 0 no-repeat; height:43px; width:212px;} div#spread-word-button {background:transparent url(../img/spread-word-button.png) 0 0 no-repeat; height:43px; width:212px;} div#spread-word-button:hover {background:transparent url(../img/spread-word-button-over.png) 0 0 no-repeat; height:43px; width:212px;} div#sex-tech-pics-button {background:transparent url(../img/sex-tech-pics-button.png) 0 0 no-repeat; height:43px; width:212px;} div#sex-tech-pics-button:hover {background:transparent url(../img/sex-tech-pics-button-over.png) 0 0 no-repeat; height:43px; width:212px;} /* Bottom Nav Styles --------------------------------------------------------------------------------------------*/ #navBottom {list-style: none; margin: 60px 0 20px 12px; } #navBottom li { list-style: none; display: inline; text-transform: uppercase; margin: 2px 8px;} #navBottom li a, #navBottom li a:visited {color: #000; } #navBottom li a:hover, #navBottom li a:active {color: #F8981D;} .credits {text-align: center; font: 8pt geneva, arial, helvetica, sans-serif normal; color: #000; border-top: 1px solid #ddd; margin: 0 50px 0 90px; padding-top: 5px;} .credits a, .credits a:visited {color: #fff; text-decoration: underline;} .credits a:hover, .credits a:active {text-decoration: underline; color: #ea9544;} /*IE 6 Hacks --------------------------------------------------------------------------------------------*/ * html #nav {width: 720px; float: right; margin-top: 44px;} * html #content {margin-top: -7px; width:780px; } * html #content #text {margin-left: 33px;} * html #content #text .mid {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.sextech.org/img/content-bg.png ", sizingMethod="scale");} * html #content #text .bottom {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.sextech.org/img/content-bottom.png ", sizingMethod="crop");} * html #header h1 {margin: 90px 0 0 180px;} * html #content h2 {margin:0 20px 8px 50px;} * html #content #text {margin:0 0 10px 80px padding:0 0 0 80px;} * html #content #text .mid{margin:0; padding:0;} * html #content #text .mid h2{ margin:1px 1px 1px 25px; padding: 0;} * html #content #text .mid h3{ margin:10px 1px 1px 25px; padding: 0; } * html #content #text .mid h4{ margin:30px ; padding: 0; font-size:96%;} * html #content #text .mid .column #countdown {margin:40px 0 0 0;} * html #content #text p {width: 345px; } * html #content #text .mid ul li {margin-left: 50px;} /*IE 6 Hacks --------------------------------------------------------------------------------------------*/ *:first-child+html #nav {width: 700px; float: right; margin-top: 44px;} *:first-child+html #content #text {margin-left: 33px;} *:first-child+html #content #text p {width: 345px; } *:first-child+html #content #text .mid ul li {margin-left: 50px; } *:first-child+html #header h1 {margin-top: 100px;} /*Content Lists ----------------------------------------------------------------*/ ul li.contentList {list-style-type: none; padding:5px 25px;} .stylenone {list-style-type:none; padding:10px 0 0 15px;} div#ningpics {margin:0px 0 0 -50px; float:left;} #countdown { margin: 300px 0 0 -50px; } div#tellfriendtable {width:400px;} div#googlemap {margin: 0 0 0 50px;} p#big {color: #0376af; margin: 70px 0 8px 362px; padding:0 0 30px 0; font-size:18px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-decoration:blink; } div.buckworldvids {margin-left:25px;} /*Participate_COmmunity ________________________________________________________*/ div#participate ul {list-style-type:none; width:160px; display:block;} div#participate ul li a{display:block; text-indent:-4000px; margin-top:15px;} div#participate li#part_reg a{background: transparent url(../img/register_button.jpg) 0 -8px no-repeat; width:160px; height:80px; } div#participate li#part_reg a:hover{background: transparent url(../img/register_button.jpg) 0 -91px no-repeat; width:160px; height:80px; } div#participate li#part_spon a{background: transparent url(../img/sponsor_button.jpg) 0 -8px no-repeat; width:160px; height:80px; } div#participate li#part_spon a:hover{background: transparent url(../img/sponsor_button.jpg) 0 -91px no-repeat; width:160px; height:80px; } div#participate li#part_submit a{background: transparent url(../img/submit_button.jpg) 0 -8px no-repeat; width:160px; height:80px; } div#participate li#part_submit a:hover{background: transparent url(../img/submit_button.jpg) 0 -91px no-repeat; width:160px; height:80px; } a#abstract_ready div {background:transparent url(../img/im-ready.jpg)0 -3px no-repeat; width:160px; height:40px; text-indent:-4000px; margin-left:100px;} a#abstract_ready:hover div {background: transparent url(../img/im-ready.jpg) 0 -44px no-repeat; width:160px; height:40px; margin-left:100px;} #actions ul#community { margin:0; padding:0; } ul#community li { margin:0; padding:0; list-style-type:none; font-size:0px; } ul#community li a { height:40px; display:block; color:transparent; } ul#community li#tellfriend { background:transparent url(../img/tell_button.jpg) 0 0 no-repeat; width:160px; margin-top:10px; } ul#community li#tellfriend a:hover { background: transparent url(../img/tell_button.jpg) 0 -41px no-repeat; width:160px; margin-top:10px; } ul#community #sextech08pics { background:transparent url(../img/08pics_button.jpg) 0 0 no-repeat; width:160px; margin-top:10px; } ul#community li#sextech08pics a:hover { background:transparent url(../img/08pics_button.jpg) 0 -41px no-repeat; width:160px; margin-top:10px; } ul#community #sextech09pics { background:transparent url(../img/09pics_button.jpg) 0 0 no-repeat; width:160px; margin-top:10px; } ul#community li#sextech09pics a:hover { background:transparent url(../img/09pics_button.jpg) 0 -41px no-repeat; width:160px; margin-top:10px; } ul#community #sextech10pics { background:transparent url(../img/10pics_button.jpg) 0 0 no-repeat; width:160px; margin-top:10px; } ul#community li#sextech10pics a:hover { background:transparent url(../img/10pics_button.jpg) 0 -41px no-repeat; width:160px; margin-top:10px; } ul#community #sextech10vids { background:transparent url(../img/10video_button.jpg) 0 0 no-repeat; width:160px; margin-top:10px; } ul#community li#sextech10vids a:hover { background:transparent url(../img/10video_button.jpg) 0 -41px no-repeat; width:160px; margin-top:10px; } ul#socialico li { float:left; list-style-type:none; } /*abstract info list ____________________________________ */ div#abstract_info { font-size:110%; font-weight:bold; width:425px;} div#abstract_info li {font-size:100%; font-weight:normal; margin-left:45px; padding-top:20px; list-style-type:none;} input#sendit { border:0; width:160px; height:40px; background:transparent url(../img/send-it.jpg) 0 -2px no-repeat; text-indent:-4000px; margin-top:20px; } input#sendit:hover { border:0; width:160px; height:40px; background:transparent url(../img/send-it.jpg) 0 -43px no-repeat; text-indent:-4000px; margin-top:20px; } input#tell_send { background: transparent url(../img/send_tell_button.jpg) 0 0 scroll no-repeat; width:160px; height:40px; text-indent:-4000px; border:0; } input#tell_send:hover{ background: transparent url(../img/send_tell_button.jpg) 0 -41px scroll no-repeat; width:160px; height:40px; text-indent:-4000px; border:0; } /*Register */ form .panel_head2, form .panel_footer, form .ticket_table_head { background-color:#ffffff !important; } /*speakers*/ div#speakers ul { width:330px; } div#speakers ul li { text-align:justify; }