address, blockquote, body, dd, div, dl, dt, frame, frameset, h1, h2, h3, h4, h5, h6, iframe, noframes, object, ol, p, ul, applet, center, dir, hr, menu, pre { display: block } /* sets base font size - all others are relative to this font font-size: 0.7em*/ body { padding: 0; color: #cc0000; background-color: #ffff99; text-align: left; font-family: verdana, arial, helvetica, bitstream vera sans, sans-serif; font-size: 0.7em; } li { display: list-item; } head { display: none } table { display: table; line-height: 0.9em; background: #333333; margin-left: auto; margin-right: auto; } /* sets main table background*/ #maintable {background: url("/images/black_background.png") repeat #333333} tr { display: table-row; } thead { display: table-header-group } tbody { display: table-row-group; } tfoot { display: table-footer-group } col { display: table-column } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } th { font-weight: bolder; text-align: center } caption { text-align: center } h1 { font-size: 1.5em; margin: 0; } h2 { font-size: 1.5em; margin: .5em 0; margin-top: .5em } h3 { font-size: 1.3em; color: #ffffff; text-align: left; margin-left: .1em; margin-top: 2em; background-color: #0000ff; padding: 5px; } .blank3h { font-size: 1.3em; color: #ffffff; text-align: left; margin-left: .1em; margin-top: 2em; background-color: #0000ff; padding: 5px; } h4 { font-size: 1.2em; color: #cc0000; margin-bottom: 1em; margin-top: 2em; text-align: left; margin-left: 0; } /*adjusts h4 headings on index page to compress the page*/ .index_page { font-size: 1.2em; color: #cc0000; margin-bottom: -1em; margin-top: 0em; text-align: left; margin-left: 0; } h5 { font-size: 1.2em; line-height: 1.0em; margin-top: 3em; color: #000000; text-align: center } h6 { font-size: .67em; margin: 2.33em 0 } p, dir, menu { margin: 1.33em 0; color: rgb(0, 0, 0) } h1, h2, h3, h4, h5, h6, b, strong, dt { font-weight: bolder } blockquote { color: #993300; font-weight: bolder; line-height: 1.4em; margin-right: 0px; padding-top: 10px; padding-bottom: 10px;} i { font-style: italic; font-size: 1em } cite, em, var, address { font-style: italic; font-size: .9em } pre, tt, code, kbd, samp { font-family: monospace } pre { white-space: pre } big { font-size: 1.17em } sub, sup, cite { font-size: .9em;} small { font-size: .8em } sub { vertical-align: sub } sup { vertical-align: super } s, strike, del { text-decoration: line-through } hr { border: 1px inset } /* 'padding' removes ul alignment error in Firefox */ dir, menu, dl { margin: 0 0 0 0px; padding: 0; color: rgb(0, 0, 0); } ul { margin: 0 0 0 14px; padding: 0; color: rgb(0, 0, 0); } ol { list-style-type: decimal; margin-left: -20px; margin-right: 0px; color: rgb(0, 0, 0); } ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 } u, ins { text-decoration: underline } dt { color: rgb(102, 51, 102); margin-top: 3px; margin-left: 0; padding: 0; } /*god page dt format */ .color1 {color: #3300ff; font-weight: normal;} dd { margin-left: 20px; color: rgb(0, 0, 0); margin-top: 0px; font-size: 1.0em; line-height: 1.3em; padding: 0;} /*god page dd format */ .color {color: #cc0033;} li { margin-left: 0px; margin-top: 0; color: rgb(0, 0, 0); font-size: 1.0em; line-height: 1.3em } center { text-align: center } /*br:before { content: "\A" } */ p { font-size: 1.0em; line-height: 1.5em; margin: 1.2em 0em 1.2em 0em; } /* Adjusts DL (dd & dt) for use as page menu */ .menu1 { margin: 0 0 0 20px; font-size: 1em; line-height: 1.5em; padding: 0; list-style-type: none; } .menu1a { margin: 0 0 0 20px; font-size: 1em; line-height: 1.5em; padding: 0; list-style-type: none; } .menu2 { margin: 0 0 0 40px;} /* Used to set conditions of main text area */ td#main { background-color: #cccccc; text-align: left; vertical-align: top; padding:20px; line-height: 1.5em; } /*div.maintable {align: center; }*/ /* Used to set conditions of main text area */ #maintexttable { width: 95%; text-align: center; margin-left: auto; margin-right: auto; background-color: #cccccc; border: 0px } /* set conditions of main text area */ #mainheadingtable { width: 95%; text-align: center; margin-left: auto; margin-right: auto; background-color: black; border:0px solid #ffff66; border-collapse:collapse; } /* set conditions of logo and images full row background (border color) area */ tr#logo { background-color: #000000; padding: 5px; } /* set conditions of end logo */ .lastlogo { background-color: #000000; } /* FORMAT 'IF YOU LIVE' LOGOS*/ .if2 { text-align: center; vertical-align: top; font-size: larger; color: blue; background-color: white; font-weight: bold; font-style: italic; } .if1 { font-family: "Trebuchet MS"; letter-spacing: -1px; text-align: center; margin-left: auto; margin-right: auto; vertical-align: top; font-size: 1.5em; font-weight: normal; line-height:1em; color: #336699; background-color: #ffffff; padding: 5px; margin-bottom: 10px;} /* set conditions of logo and images full row background area */ .mainrow1 { background-color: #ff00ff; border-color: #0000ff; border-bottom: 2px solid; } /* set conditions of logo small table */ #bua { background-color: #ffffff; border: 5px;} /* set conditions of if logo small table */ #iflogo { background-color: #ffffff; } /* make some unnecessary but structurally required headings invisible */ .th { font-size: 0em; color: #333333; text-align: left; margin-left: 0px; } /* mobile phone heading */ .th1 { font-size: 1em; font-weight: normal; text-align: left; margin-left: 0px; background-color: #cccccc; padding: 5px;} /* display late news item line not used 1/09/2011 */ /* .breakingnews { font-size: 1em; color: #ffff33; text-align: left; background-color: #000000; font-weight: bolder; vertical-align: top; line-height: 1.5em; } */ /*NAVIGATION*/ /* Used to make navigation text narrower */ .men { font-size: 1em; color: #333333; background-color: #cccccc; text-align: left; line-height: 1.2em; padding-left: 5px; padding-bottom: 4px; } /* distinguish current navigation text as breadcrumbs */ .now { font-size: 1em; color: #ffffff; text-align: left; line-height: 1.5em; font-weight: bold; background-color: rgb(204, 0, 0); padding-left: 5px;} .nowsub { font-size: 1em; color: #ffffff; text-align: left; line-height: 1.5em; background-color: #cc9966; padding-left: 5px;} /* Alter navigation subheadings cells */ .navtable th { background-color: #ffffff; border:none; padding:4px 0px 5px 0px;} /* Alter navigation table */ .navtable { vertical-align: top; width: 100%; text-align: left; border:0px solid #330000; border-collapse:collapse; } /* Alter column on right hand side of navigation - not used 1/09/2011 */ /* .navright { background-color: rgb(0, 0, 0); width: 5px; } */ /* Alter cells to left hand side of navigation */ .navleft { width: 0; } /* adjust text headings buttons in Navigation panel */ .nav { margin-left: 4px; margin-top: 2px; margin-bottom: 2px; font-size: 1.1em; line-height: 1em; background-color: #ffffff; padding: 0; color: #cc0000} /*DAD ADVICE*/ /* format dad advice - height is (image height+10) */ .dad { font-size: 1em; text-align: left; line-height: 1.15em; background-color: #0099cc; height: 102px; margin-top: 30px; margin-bottom: 25px; padding: 3px } /* format dad advice */ .dadimage { width: 120px; height: 92px; float: left; margin: 5px } /* SECTION SEPARATION BARS*/ /* wraps bar and top image together*/ .wrapbar { width: 100%; margin-top: 0px; } /* stops images floating apart and allowing text in between*/ .barclose { clear: both; margin-bottom: 0px; } /* format TOP arrow image- align settings with BAR*/ .top { width: 8%; height: 10px; border: 0; float: right; background-color: #ffffff; padding: 5px; margin-top: 25px;} /* format separation bars used without TOP image*/ .baronly { width:100%; height: 6px; border: 0; margin-top: 15px; } /* format separation bars - align settings with TOP*/ .bar { width:85%; height: 6px; border: 0; float: left; margin-top: 15px; } /* control main body heading table */ .heading1 { color: rgb(255, 255, 204); background-color: #cc0000; padding: 0px; text-align: center; vertical-align: top; } .heading2 { color: rgb(204, 0, 0); padding: 5px; text-align: center; vertical-align: top; font-weight: bold; line-height: 1.5em; } /* FLOWCHART TABLES */ /* control for flowchart tables*/ .flowchild{ line-height: 1.1em; padding: 5px; background-color: rgb(255, 204, 153); text-align: center; vertical-align: middle; color: rgb(0, 0, 0); } .flowjoiner{ line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(0, 0, 0); background-color: #999999; } .flowpuberty{ line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(255, 255, 0); background-color: rgb(51, 51, 51); text-transform: uppercase; } .flowhomo{ line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(0, 0, 0); background-color: rgb(255, 102, 102); text-transform: none; } .flowhomoadult{ font-size: 0.9em; line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(51, 51, 255); background-color: rgb(255, 102, 102); text-transform: uppercase; font-weight: bolder; } .flowgay{ line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(0, 0, 0); background-color: rgb(255, 51, 0); text-transform: none; } .flowgayadult{ font-size: 0.9em; line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(51, 51, 255); background-color: rgb(255, 51, 0); text-transform: uppercase; font-weight: bolder; } .flowhetero{ line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(0, 0, 0); background-color: rgb(102, 255, 153); text-transform: none; } .flowheteroadult{ font-size: 0.9em; line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(51, 51, 255); background-color: rgb(102, 255, 153); text-transform: uppercase; font-weight: bolder; } .flowbridge{ line-height: 1.1em; border: 5px #999999 solid; padding: 5px; text-align: center; vertical-align: middle; color: rgb(255, 255, 255); background-color: rgb(51, 102, 153); text-transform: none; } .flow-homo-bridge{ line-height: 1.1em; border: 1px rgb(0, 0, 0) solid; padding: 5px; text-align: center; vertical-align: middle; color: rgb(255, 0, 0); background-color: rgb(255, 255, 255); text-transform: none; } .mtablebg{ background-color: #999999; padding: 3px; } .gtablebg{ background-color: #999999; padding: 3px; } /* control for popular table on gay page*/ .narrow2{ line-height: 1.2em; background-color: rgb(255, 255, 255) } /* IMAGES */ /* control for IMAGES ON RIGHT HAND SIDE*/ .rightimage{ border: 0px ; margin-bottom: 5px; margin-top: 5px; margin-left: 10px; float: right } /* control for IMAGES ON RIGHT HAND SIDE*/ .leftimage{ border: 0px ; margin-bottom: 5px; margin-top: 5px; margin-right: 10px; float: left } /* control for IMAGES IN CENTER*/ .centerimage{ border: 0px ; margin-bottom: 10px; margin-top: 10px; margin-right: 10px; margin-left: 10px; } /* IMAGE LINK BORDERS*/ /*control for 3 sided borders for collage images*/ .borderleft{ border-left: 2px solid; border-top: 2px solid; border-bottom: 2px solid; border-right: 0 } /*control for 3 sided borders for collage images*/ .borderright{ border-left: 0; border-top: 2px solid; border-bottom: 2px solid; border-right: 2px solid; } /*control for 4 sided borders for images*/ .borderall { border: 2px solid; } a:link {text-decoration: underline; } a:visited {text-decoration: underline; } a:hover {text-decoration: none; color: red; font-size: 1.0em; background-color: #ffff66; } a:active {text-decoration: none; } /*control for country-language and search bar images, links */ .lang { border:2px solid #333333; border-collapse:collapse;} .country { border: 2px solid #333333; line-height: 1.2em; text-align: left; padding: 2px; } .country_ru { border: 1px solid #000000; line-height: 1.2em; text-align: left; padding: 2px; } .country:link {text-decoration: none; } .country:visited {text-decoration: none; } .country:hover {text-decoration: none; border: 2px solid blue; } .country:active {text-decoration: none; } /*control for main logo image*/ .logo { background-color: black; } .logo:link {text-decoration: none; } .logo:visited {text-decoration: none; } .logo:hover {text-decoration: none; } .logo:active {text-decoration: none; } /* control for FOOTNOTE TEXT*/ .footer { font-size: 0.75em; line-height: 1.5em; color: #ffff99; } .footerline { height: 2px; width: 50%; background-color: #ffff99; border-width:0; } .printlink { visibility: visible; color: rgb(102, 51, 102); } /* safe sex table (and other tables)*/ .safe {padding: 4px; background-color: #aaaaaa; color: black; line-height: 1.2em; text-align: left;} /* control for search results table*/ .searchbg { background-color: #333333; } /* control for Google Translate table*/ .goog { background-color: #cccccc; } /* control for mobile phone cell*/ .mobi { background-color: #333333; } /* control for russian translate cell*/ .russ { background-color: #333333; } /* An example of style for HTML 4.0's ABBR/ACRONYM elements */ abbr, acronym { font-variant: small-caps; letter-spacing: 0.1em } a[href] { text-decoration: underline } :focus { outline: none } /* share this */ .st_sharethis_custom{ background: url(/images/share-icon-32x32.png) no-repeat scroll left top transparent; padding:0px 32px 0 0; } /* external link image */ a[href^="http://"] { background: url(/images/external.png) center right no-repeat; padding-right: 13px; } a[href^="https://"] { background: url(/images/external.png) center right no-repeat; padding-right: 13px; } a[href$="boysunderattack.com/"] { background: none; padding-right: 0; } a[href*="freefind"] { background: none; padding-right: 0; } a[href*="google"] { background: none; padding-right: 0; } a[href*="