* { margin:0px; padding:0px;} body {width:760px; margin:0 auto; padding-top:8px; padding-bottom:20px; text-align:center; background:#5a7c8e; font:normal 12px Arial, sans-serif; } img {border:0px;} .hide {position:absolute; top:-500em; height:1px; width:1px; margin:-500em; overflow:hidden;} h2 {font:bold 13px Arial, Geneva, sans-serif; color:#000; padding-bottom:8px;} /*Page Sections*/ #h img {width:760px; height:112px;} #n {height:26px; width:760px; background-color:#000; line-height:26px;} #c {width:720px; background-color:#a1c6db; margin:0 auto; padding:20px; text-align:left;} #f {width:760px; color:#a1c6db; font-weight:bold; float:left; background:#393939;} #f img#strap {width:760px; height:34px; float:left;} #f #links {width:482px; padding:10px; background:#393939; float:left;} /*Header Navigation*/ #n ul {list-style:none;} #n ul#opt li {float:left; } #n ul#opt li img {padding-bottom:2px;} #n ul#opt li.first {padding-left:15px;} #n ul#opt li a {padding:0 10px 0 10px; text-decoration:none; color:#a1c6db; font-weight:bold;} #n ul#opt li a:hover, #n ul#opt li a:focus {color:#999;} #n ul#opt li a.selected {color:#fff;} #n ul#opt li.lesbian a {color:#fc9ffc;} #n ul#opt li.lesbian a:hover, #n ul#opt li.lesbian a:focus {color:#999;} /*nav change country*/ #n ul#change-country{height:26px; width:180px; float:right;} #n ul#change-country li a, #n ul#change-country li a:link {text-decoration:none; color:#a1c6db; font-weight:bold;} #n ul#change-country li a:hover, #n ul#change-country li a:focus {color:#fff;} #n ul#change-country #cc-inner{width:179px; float:right;} #n ul#change-country #cc-button {width:179px; height:26px; float:right; line-height:26px; display:block; background-image: url(/site/i/dating/gay/core/nav-arrow.gif);} #n ul#change-country #cc-button .cc-button-text {float:left;width:105px; padding-left:15px; color:#a1c6db; text-align:left;} #n ul#change-country #cc-button .cc-button-flag {float:left; margin-top:8px; } #n ul#change-country #cc-countries {position: absolute; margin-top:26px; padding:0 0 10px 10px; width:169px; z-index:100; display:none; background-color:#000; opacity: 0.85; filter: alpha(opacity=85);} #n ul#change-country #cc-countries .cc-country-left {width:125px; float:left; background-repeat:no-repeat; background-position:105px 1px; margin-bottom:3px;} #n ul#change-country #cc-countries .cc-country-right {width:125px; float:right; padding-right:10px; background-repeat:no-repeat; background-position: 105px 1px;margin-bottom:3px;} #n ul#change-country #cc-countries .cc-country-left a:link, #n ul#change-country #cc-countries .cc-country-right a:link, #n ul#change-country #cc-countries .cc-country a:link {display:block; text-align:left;} #n ul#change-country #cc-countries .cc-country {width:130px; float:left; text-align:left; padding-left:5px; background-repeat: no-repeat; background-position: 110px 8px; clear:both;} /*Content*/ #c #inner {width:720px; background:#fff;} /*Content Border*/ /*Member Pics*/ /*#c #member-pics {width:560px; height:130px; background:#fff; float:left;}*/ #c #member-pics {width:720px; height:130px; background:#fff; float:left;} #c #member-pics p{padding:2px 0 0 5px;} #c #member-pics #pics {width:720px; height:120px;} #c #member-pics #pics #img {padding:0 3px 0 3px;} /*Home Background*/ #c #home {width:468px; height:424px; padding-left:252px; background:url(/site/i/dating/gay/home/home-bg.jpg) repeat-x top left;} /*Introduction*/ #c #home h1 {font:bold 18px Arial, Geneva, sans-serif; color:#000; padding:15px 0 0 0; width:468px; height:20px; float:left;} #c #home #intro {width:275px; height:278px; padding-top:20px; float:left;} #c #home #intro p {padding-bottom:12px;} #c #home a {color:#000; text-decoration:none;} #c #home a:hover, #c #home a:focus {color:#000; text-decoration:underline;} /*Features*/ #c #home ul#features {width:176px; height:298px; float:right; list-style:none; } #c #home ul#features li.tick{background:url(/site/i/dating/gay/home/home-tick.gif) no-repeat top left; padding:0 0 10px 26px; font-weight:bold; line-height:20px;} #c #home ul#features li.first {padding-top:05px;} /*Buttons*/ #c #home #buttons {width:468px; height:22px; padding:10px 0 22px 0; float:left;} #c #home #buttons a {padding-right:12px;} /*International Links*/ #c #home #international {width:468px; height:30px; padding: 7px 0 0 0; float:left;} #c #home #international a {padding: 0 7px 0 7px;} #c #home #international p {width:130px; float:left; padding-top:7px;} /*Footer*/ #f .pics {width:245px; height:125px; float:left;} #f .pics img.logo {padding:0 20px 15px 0px;} #f .pics img.pic {padding:5px 0 0 0;} #f #links a {color:#fff; font-size:11px; font-weight:normal; text-decoration:none;} #f #links a:hover, #f #links a:focus {color:#a1c6db;} #f #links li.link {background:url(/site/i/dating/gay/core/ftr-arrow.gif) no-repeat top left; padding:0 0 0 8px;} #f #links ul {list-style:none; text-align:left; padding:0 15px 0 0; float:left;} #f #links ul#col4 {padding:0;} /*Join*/ #c #join {width:468px; height:424px; padding-left:252px; background:url(/site/i/dating/gay/home/home-bg.jpg) repeat-x top left;} #c #join h1 {font:bold 18px Arial, Geneva, sans-serif; color:#000; padding:15px 0 5px 0;} #c #join form fieldset {margin:12px 0 0.8em 0; text-align:left; border:0;} #c #join form p.genderForText {width:60px; padding:4px 12px 0 12px; font-size:0.9em; float:left;} #c #join form fieldset p.note {color:#666; font-size:0.8em; padding:2px 0 0 100px; width:300px;} #c #join form fieldset p.note a {color:#666;} #c #join form label, #c #join form select{display: inline; float: left; width: 90px;} #c #join form input, #c #join form option {height: 1.4em; padding-left:6px;} #c #join form select {margin-right: 2px; padding: 0.2em 0.2em; border: 1px solid #adadad; background-color: #d5e2e9; font-size: 0.9em; } #c #join form input {display:inline; float:left; width:230px; font-size:0.9em; background-color:#E6E6E6; border:1px solid #adadad;} #c #join form input.button {background-color:#fff; padding:0; border:0; width:139px; height:22px;} #c #join form .text {padding:0.2em;} #c #join form label {padding:0.3em 10px 0 0; font-size:0.9em; font-weight:bold;} #c #join form select.gender, #c #join form select.gender2 {width:75px;} #c #join form .options {width:235px;} #c #join form .day {width:70px; margin-right:7px;} #c #join form .month {width:76px; margin-right:7px;} #c #join form .year {width:76px;} #c #join form br {clear:left;} /*search*/ #c #search {width:468px; height:424px; padding-left:252px; background:url(/site/i/dating/gay/home/home-bg.jpg) repeat-x top left;} #c #search h1 {font:bold 18px Arial, Geneva, sans-serif; color:#000; padding:15px 0 5px 0;} #c #search form fieldset {margin:16px 0 0.8em 0; text-align:left; border:0;} #c #search form label, #c #search form select{display: inline; float: left; width: 90px;} #c #search form option {height: 1.4em; padding-left:6px;} #c #search form select {margin-right: 2px; padding: 0.2em 0.2em; border: 1px solid #adadad; background-color: #d5e2e9; font-size: 0.9em; } #c #search form input.button {background-color:#fff; padding:0; border:0; width:139px; height:22px;} #c #search form label {padding:0.3em 10px 0 0; font-size:0.9em; font-weight:bold;} #c #search form .options {width:235px;} /*member*/ #c #member {width:468px; height:424px; padding-left:252px; background:url(/site/i/dating/gay/home/home-bg.jpg) repeat-x top left;} #c #member h1 {font:bold 18px Arial, Geneva, sans-serif; color:#000; padding:15px 0 5px 0;} #c #member form fieldset {margin:16px 0 0.8em 0; text-align:left; border:0;} #c #member form label {display: inline; float: left; width: 90px;} #c #member form input {height: 1.4em; padding-left:6px;} #c #member form input {display:inline; float:left; width:230px; font-size:0.9em; background-color:#E6E6E6; border:1px solid #adadad;} #c #member form input.button {background-color:#fff; padding:0; border:0; width:139px; height:22px; margin-bottom:10px;} #c #member form .text {padding:0.2em;} #c #member form .textReadOnly {padding:0.2em; color:#666;} #c #member form label {padding:0.3em 10px 0 0; font-size:0.9em; font-weight:bold;} #c #member a, #c #member a:link {color:#666;} #c #member a:hover, #c #member a:focus {color:#000;} /*Site Tour*/ * html #c #inner #tour {height: 1%;} /*holly hack*/ #c #inner #tour {position:relative; background:url(/site/i/dating/gay/tour/menu-divider.gif) repeat top left;} #c #inner #tour #featureMenu {width:142px; min-height:405px; height:auto; float:left;} #c #inner #tour #featureMenu #hideDivider {width:142px; height:20px; background:#fff;} #c #inner #tour #featureMenu #pic {width:105px; height:104px; padding-bottom:20px; float:right;} #c #inner #tour #featureMenu h2 {text-align:right; padding:0 20px 15px 0; text-decoration:underline;} #c #inner #tour ul#menu {width:141px; list-style:none; text-align:right; padding-right:1px;} #c #inner #tour ul#menu li {padding-bottom:5px;} #c #inner #tour ul#menu a, #c #inner #tour ul#menu a:link {width:121px; display:block; text-decoration:none; color:#000; background:url(/site/i/dating/gay/tour/menu-arrow-blank.gif) no-repeat top right; padding-right:20px} #c #inner #tour ul#menu a:hover, #c #inner #tour ul#menu a:focus {text-decoration:none; font-weight:bold; color:#4f8db0; background:url(/site/i/dating/gay/tour/menu-arrow-hover.gif) no-repeat top right; padding-right:20px;} #c #inner #tour ul#menu a.sel, #c #inner #tour ul#menu a.sel:link {text-decoration:none; font-weight:bold; color:#000; background:url(/site/i/dating/gay/tour/menu-arrow-selected.gif) no-repeat top right; padding-right:20px} #c #inner #tour #feature {width:578px; min-height:405px; float:right;} #c #inner #tour #feature #featureText {width:403px; padding:20px 0 20px 20px;} #c #inner #tour #feature #featureText h1 {font-size:18px; padding-bottom:15px;} #c #inner #tour #feature #featureText h3 {color:#4f8db0; font-size:14px;} #c #inner #tour #feature #featureText p {padding-bottom:15px;} #c #inner #tour #feature #featureText p.last {padding-bottom:0;} #c #inner #tour #feature #model {width:135px; height:230px; position:absolute; bottom:0; right:0;} #c #inner #tour #feature #model img {width:135px; height:230px;} #c #inner #tour #feature #featureText #buttons {width:468px; height:22px; padding:26px 0 6px 0;} #c #inner #tour #feature #featureText #buttons a {padding-right:20px;} /*Browse by County/Area*/ * html #c #inner #browse {height: 1%;} /*holly hack*/ #c #inner #browse #pic {width:214px; min-height:405px; height:auto; float:left;} #c #inner #browse #pic img {width:190px; height:263px; padding:10px 0 0 17px;} #c #inner #browse #by {width:506px; float:right; padding:20px 0 20px 0;} #c #inner #browse #by h1 span{color:#4f8db0; font-size:13px;} #c #inner #browse #by div h3 {font-size:12px; font-style:normal; font-weight:bold; color:#4f8db0; padding:12px 0 5px 0;} #c #inner #browse #by h3.first{font-size:12px; padding-top:0px;} #c #inner #browse #by a, #c #inner #browse #by a:link {display:block; text-decoration:none; font-size:12px; color:#000;} #c #inner #browse #by a:hover, #c #inner #browse #by a:focus {text-decoration:underline;} #c #inner #browse #by a#back, #c #inner #browse #by a#back:link {display:block; text-decoration:none; font-size:12px; color:#000; text-decoration:underline; margin-top:10px;} #c #inner #browse #by a#back:hover, #c #inner #browse #by a#back:focus {text-decoration:underline;} #c #inner #browse #by a#backtop, #c #inner #browse #by a#backtop:link {display:inline; text-decoration:none;} #c #inner #browse #by a#backtop:hover, #c #inner #browse #by a#backtop:focus {text-decoration:underline;} #c #inner #browse #col1 {width:130px; float:left;} #c #inner #browse #col2 {width:130px; float:left;} #c #inner #browse #col3 {width:115px; float:left;} #c #inner #browse #col4 {width:110px; float:left;} #c #inner #browse #by h1 {font-size:18px; padding-bottom:15px;} #c #inner #browse #by h3 {color:#a778b6; font-size:14px;} #c #inner #browse #by p {padding-bottom:15px;} #c #inner #browse #by p.last {padding-bottom:0;} /*To enable divs to contain properly*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* for IE/Mac */