/* ------------------- Navigation ------------------- */

#nav {width:50em; overflow:visible}
#nav ul {font-weight: bold; list-style: none; padding: 0; margin: 0}
#nav li {font-size: 0.8em; float: left; display: block; line-height: 120%}
#nav li a {float: left; text-decoration: none; border-style: solid; border-width: 0 0 0 0.1em; padding: 0.2em 0.7em 5px 0.36em; display: block; margin-right:5px}

/* Commented backslash hack hides rule from IE5-Mac &*/
#nav li a {float: none}
/* End IE5-Mac hack */

#nav li a:hover {text-decoration: none}


/*** 7. community & news ***/

/** unselected and rollover **/
.nav-com a:link, .nav-com a:visited {color: #bf3131}
.nav-com a:hover {color: #232323; border-color: #701919}

/** selected **/
#com .nav-com a:link, #com .nav-com a:visited, #com .nav-com a:hover {
background: #bf3131; color: #fff;border-color: #bf3131}


/** sub navigation **/


/*#nav ul ul {position:absolute; left:0; top:63px; margin: 5.4em 0 0 11px; width:58.05em; font-weight:normal; height:1.3em} YN height changed */ 
 /**+html #nav ul ul {margin:4.3em 0 0 11px} IE7 */
 /** html #nav ul ul {margin:4.3em 0 0 11px} lte IE6 */

#nav ul ul li {font-size:0.85em}

#nav ul ul li a:link, #nav ul ul li a:visited, #nav ul ul li a:hover {margin: 0; padding: 2px 7px; border: none; color: #fff}

#nav ul ul li a:hover {text-decoration: underline}

#nav ul ul li a:link.subnav, #nav ul ul li a:visited.subnav, #nav ul ul li a:hover.subnav, #nav ul ul li a:active.subnav  {background: none}

#sex #nav ul ul li a:link.subnav, #sex #nav ul ul li a:visited.subnav, #sex #nav ul ul li a:hover.subnav, #sex #nav ul ul li a:active.subnav {color: #7d3601}

#hea #nav ul ul li a:link.subnav, #hea #nav ul ul li a:visited.subnav, #hea #nav ul ul li a:hover.subnav, #hea #nav ul ul li a:active.subnav {color: #390}

#dri #nav ul ul li a:link.subnav, #dri #nav ul ul li a:visited.subnav, #dri #nav ul ul li a:hover.subnav, #dri #nav ul ul li a:active.subnav {color: #2691d3}

#hom #nav ul ul li a:link.subnav, #hom #nav ul ul li a:visited.subnav, #hom #nav ul ul li a:hover.subnav, #hom #nav ul ul li a:active.subnav {color: #9e48c9}

#wor #nav ul ul li a:link.subnav, #wor #nav ul ul li a:visited.subnav, #wor #nav ul ul li a:hover.subnav, #wor #nav ul ul li a:active.subnav {color: #baa601}

#tra #nav ul ul li a:link.subnav, #tra #nav ul ul li a:visited.subnav, #tra #nav ul ul li a:hover.subnav, #tra #nav ul ul li a:active.subnav {color: #fc4518}

#com #nav ul ul li a:link.subnav, #com #nav ul ul li a:visited.subnav, #com #nav ul ul li a:hover.subnav, #com #nav ul ul li a:active.subnav {color: #232323;}

#abo #nav ul ul li a:link.subnav, #abo #nav ul ul li a:visited.subnav, #abo #nav ul ul li a:hover.subnav, #abo #nav ul ul li a:active.subnav {color: #d93c65}


/* ------------------- Breadcrumb ------------------- */

#breadcrumb {font-size: 0.65em; color: #333;  padding: 1.4em 0 0 0.3em; margin: 1em 0 10px 10px;}/* padding top changed */
#breadcrumb-adj {font-size: 0.65em; color: #333;  padding: 0.25em 0 0 0.3em; margin: 0 0 10px 10px}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active, #breadcrumb-adj a:link, #breadcrumb-adj a:visited, #breadcrumb-adj a:hover, #breadcrumb-adj a:active {color: #7f7662}


/* ------------------- Footer / Base Nav ------------------- */

#basenav {background: #e2e1cf; clear:both; margin: 10px 0 10px 10px} /*amended for new base strip */
#basenav ul {list-style: none; margin: 0; padding: 2px 0 4px; text-align:center}
#basenav li {display: inline; font-size: 0.7em}
#basenav li a {padding: 4px}
#basenav li a:link, #basenav li a:visited {color: #232323}
#basenav .select-basenav {font-weight: bold; color: #7f7662}
#basenav .subnav {border-top:1px #fff solid}


/* ------------------- General Content ------------------- */

.hide {position:absolute; left:-2000px; top:-2000px}

/*
h1, h2 {font-size:1em;margin:0}
h1 {float:left}*/

strong {font-weight:bold; font-style:normal}

blockquote {margin:0}

#nowonline {text-transform:uppercase; width:23em; float:right; color:#b42424; text-align:right}
#nowonline div {float:right; margin-right:8px}
#nowonline h2 {font-size:0.7em; margin:0}
#nowonline img {float:right; width:223px; height:34px}
#nowonline div p {font-size:0.6em; font-weight:bold; margin:0}
#nowonline span {color:#999}
#nowonline div p a, #nowonline div p a:visited {background:url(/newsite/images/community/hidethis.gif) no-repeat 0 50%; color:#999; padding-left:10px}
#nowonline .discussion a, #nowonline .discussion a:visited {color:#999; font-size:0.6em; letter-spacing:-0.05em}

.commnav {background:url(/newsite/images/community/face.jpg) no-repeat 0 0; height:17px; width:47em; clear:both}
html>/**/body .commnav {min-height:17px; height:auto}
.commnav ul {list-style:none; margin:0 0 0 172px; padding:0; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; text-align:right}
:root .commnav ul {position:relative; top:-2px}
.commnav li {display:inline; font-size:0.65em; padding:0 0 0 4px}
.commnav li.first {}
.commnav li a, .commnav li a:visited {color:#900; text-transform:uppercase; font-weight:bold; background:url(/newsite/images/community/bullet.gif) no-repeat 0 50%; padding-left:7px}

.button {color:#fff; background:#bf3131; border:2px solid; border-color:#edb8b6 #510705 #510705 #edb8b6; font:0.9em verdana, arial, helvetica, sans-serif; font-weight:bold; margin-left:4px; padding:0 1px}

.discussion {margin:5px 3px 5px 0; text-align:right}
.discussion a, .discussion a:visited {float:right; text-transform:uppercase; font-weight:bold; background:url(/newsite/images/community/red-arrow.gif) no-repeat 100% 50%; padding:0 7px 0 4px}
html>body .discussion {letter-spacing:-0.07em}

p.error {color:#EF5656; font-weight:bold}

.pagination ul {padding:0}
.pagination li {display:inline; font-weight:bold; list-style:none}

img.left {float:left; margin:0 10px 10px 0}
img.right {float:right; margin:0 0 10px 10px}


/* ------------------- Section Colors ------------------- */

/* sex & relationships */
.sex a:link, .sex a:visited {color: #e8690c}
.sex a:hover {color: #7d3601}

/* health & wellbeing */
.hea a:link, .hea a:visited {color: #390}
.hea a:hover {color: #333}

/* drink & drugs */
.dri a:link, .dri a:visited {color: #2691d3}
.dri a:hover {color: #00354f}

/* home, law & money */
.hom a:link, .hom a:visited {color: #9e48c9}
.hom a:hover {color: #370053}

/* work & study */
.wor a:link, .wor a:visited {color: #baa601}
.wor a:hover {color: #2d3800}

/* travel & free time */
.tra a:link, .tra a:visited {color: #fc4518}
.tra a:hover {color: #661500}

/* multimedia */
.mul a:link, .mul a:visited {color:#4154B9;}
.mul a:hover {color: #2d3800}


/* ------------------- Content Button Areas ------------------- */

.darkbutton a,
.darkbutton a:visited{color:#fff; font-weight:bold; width:100%}
.lightbutton a,
.lightbutton a:visited {color:#b42424; font-weight:bold; width:100%}
.darkbutton a,
.rss {display:block; background:#525252 url(/newsite/images/community/darkbutton-corner.gif) no-repeat 100% 100% !important; text-decoration:none; font-size:0.9em; height:1%}
.lightbutton a {display:block; background:#FFF url(/newsite/images/community/lightbutton-corner.gif) no-repeat 100% 100% !important; text-decoration:none; font-size:0.9em; height:1%}
.darkbutton a:hover,
.lightbutton a:hover {text-decoration:underline}
html>/**/body .darkbutton a,
html>/**/body .lightbutton a,
html>/**/body .rss {height:auto}

#needhelpnow p.darkbutton,
#askthesite p.darkbutton {margin:0; width:17.5em}
#havingacrisis p.lightbutton {margin:0}

.darkbutton a span,
.rss span {display:block; background:url(/newsite/images/community/darkbutton-corner.gif) no-repeat 100% 0}
.lightbutton a span {display:block; background:url(/newsite/images/community/lightbutton-corner.gif) no-repeat 100% 0}
.darkbutton a span span,
.rss span span {background:url(/newsite/images/community/darkbutton-corner.gif) no-repeat 0 100%}
.lightbutton a span span {background:url(/newsite/images/community/lightbutton-corner.gif) no-repeat 0 100%}
.darkbutton a span span span,
.rss span span span {background:url(/newsite/images/community/darkbutton-corner.gif) no-repeat 0 0}
.lightbutton a span span span {background:url(/newsite/images/community/lightbutton-corner.gif) no-repeat 0 0}
.darkbutton a span span span span,
.lightbutton a span span span span {background:url(/newsite/images/community/white-arrow.gif) no-repeat 7px 50%; cursor:hand; padding:5px 15px 5px 15px}
.lightbutton a span span span span {background-image:url(/newsite/images/community/red-arrow.gif)}

.darkbutton a span.black {background-image:url(/newsite/images/community/darkbutton-corner-black.gif)}

.rss {text-align:right}
.rss a {position:relative; top:-3px}
.rss a img {position:relative; top:3px; width:32px; height:15px; margin-left:5px}
.rss a, .rss a:visited {color:#fff}
.rss span span span {padding:3px 8px 3px 0}


/* ------------------- Bolt-ons ------------------- */

#boltons img.dummy {margin:0 0 10px}

#main {display:inline; float:left; width:24em} /* YN margin-left removed & width changed from 33.7 to 24 */
#boltons {float:right; width:12em; margin-top:4px;}

#boltons div.clear {margin-bottom:-2px; padding:0} /* IE clear fixes */
html>/**/body #boltons div.clear {margin:0; height:0} /* tidy all content clears */
*+html body #boltons div.clear {margin:0; height:auto} /* IE7 */

#main #inthecommunity {background:#BF3131; padding:0 0 0 10px; height:1%}
html>body #main #inthecommunity {height:auto}
#main #inthecommunity h2 {color:#FFF; font-size:0.9em; line-height:2em}
#main #inthecommunity .panel {position:relative; display:inline; float:left; background:#FFF; font-size:0.7em; margin:0 8px 8px 0; padding:5px; width:14.08em; height:116px}
html>/**/body #main #inthecommunity .panel {display:block; margin-bottom:0; height:auto; min-height:116px}
#main #inthecommunity .panel img {float:right}
#main #inthecommunity .panel h3 {float:left; color:#339; font-size:1.2em; margin:0; width:5em}
#main #inthecommunity .panel h3 a, #main #inthecommunity .panel h3 a:visited {color:#339}
#main #inthecommunity .panel p {clear:left; float:left; color:#BF3131; margin:1em 0 0; width:7.2em; font-size:100%} /* YN Font-size added */
#main #inthecommunity .panel p.darkbutton {position:absolute; bottom:5px; right:5px; width:6.6em}

#boltons #poll,
#boltons #localadvicefinder,
#boltons #askthesite,
#boltons #intheloop {background:#FFF; border:1px solid #BF3131; font-size:0.8em; margin:0 0 10px; width:190px}
#boltons h3 {color:#339; font-size:1em; margin:0; padding:1em 10px 3px}
#boltons h3 a, #boltons h3 a:visited {color:#339}
#boltons h4 {color:#339; font-size:1em; margin:0.5em 0 1em}
#boltons p {font-size:0.85em; margin:0}
#boltons p.darkbutton {float:right; margin:1.5em 0 10px; width:11em}
#boltons div.content h3 {padding:2px 0 1em}

#boltons p a{color:#bf3131}/* YN link within p tag, override above class */
#boltons p.darkbutton a{color:#fff}/* YN link within p tag, override above class */

#boltons #poll img.decor {margin:0; border-bottom:1px solid #BF3131;} /* border added */
#boltons #poll h3 {margin-top:0}/* border removed */
#boltons #poll p {color:#339; font-size:1.1em; font-weight:bold; margin:0.5em 10px}
#boltons #poll form {margin:0 10px}
#boltons #poll label {clear:left; display:block; font-size:0.85em; margin:0.7em 0}/* text size changed */
#boltons #poll label input {float:left}
#boltons #poll a.button {float:left; font-size:0.9em; padding:1px 3px; white-space:nowrap}
#boltons #poll a.button:hover {cursor:default; text-decoration:none}
#boltons #poll input.button {float:right; margin-bottom:10px;padding:0 3px; width:8em } /* YN padding & width added */

#boltons #localadvicefinder {padding:2px 0; height:148px}
html>body #boltons #localadvicefinder {height:auto; min-height:148px}
#boltons #localadvicefinder img.decor {float:left; margin-left:2px}
#boltons #localadvicefinder div.content,
#boltons #askthesite div.content {margin:0 0 0 60px; padding:0 5px}

#boltons #askthesite {position:relative; padding:2px 0 0; height:122px}
html>body #boltons #askthesite {height:auto; min-height:122px}
#boltons #askthesite h3 {color:#BF3131; margin-top:5px}
#boltons #askthesite h3 a, #boltons #askthesite h3 a:visited {color:#BF3131}
#boltons #askthesite img.decor {position:absolute; bottom:0; left:2px}

#boltons #intheloop h3 {background:#BF3131; color:#FFF; padding:2px 10px 3px}
#boltons #intheloop h3 a, #boltons #intheloop h3 a:visited {color:#FFF}
#boltons #intheloop p {margin:0.5em 5px 10px}
#boltons #intheloop p.darkbutton {margin:0 5px 5px}

/* YN override h2 on global.css */
#hea #boltons h3 a, #sex #boltons h3 a, #dri #boltons h3 a,#hom #boltons h3 a, #wor #boltons h3 a, #tra #boltons h3 a, #abo #boltons h3 a, #com #boltons h3 a, #mul #boltons h3 a{background:none;}

/* new boltons css */

#boltons .generic {background:#FFF; border:1px solid #BF3131; font-size:0.8em; margin:0 0 10px; width:190px; position:relative; height:auto;  }
#boltons .generic h3 {background:#BF3131; color:#FFF; padding:2px 10px 3px; margin-bottom:10px; display:block}
#boltons .generic h3 a, #boltons .generic h3 a:visited {color:#FFF;}
#boltons .generic h4 {color:#BF3131; padding:2px 10px 3px; margin:10px 0;  display:block }
#boltons .generic p {padding:2px 10px; margin:0;clear:both; }
#boltons .generic p.darkbutton {margin:.6em 0 3px; padding:2px 10px 2px 0; width:11em; voice-family: "\"}\""; voice-family:inherit; width:10.5em;}
#boltons .generic img {float:left; margin:0; padding:0;}
#boltons .generic h4 a, #boltons .generic h4 a:visited, #boltons .generic ul a,#boltons .generic ul a:visited{color:#BF3131; }
#boltons .generic ul {list-style:none; padding:5px 10px; margin:0;font-size:0.85em;}
/* bolton with image */
#boltons .generic div.imgBolton{margin:0 0 0 66px; }
#boltons .generic div.imgBolton p  { margin:0; padding:2px 10px 0 0; clear:none;}
#boltons .generic div.imgBolton p.darkbutton {float:left; margin:.9em 0px 5px; }
#boltons .generic div.imgBolton h4 {padding:2px 0;  }
#boltons .generic div.imgBolton img {float:left; }

/* bolton with form */
#boltons .generic form {padding:2px 10px 3px; margin:2px 0; }
#boltons .generic label, #boltons .generic select, #boltons .generic input {font-size:.85em;}

#boltons .generic input.button {float:right; margin:.8em 10px 10px; font-size:0.8em;} 
html>/**/body #boltons .generic input.button {margin:.8em 0px 10px;}

#boltons .generic .decor2 {position:absolute; bottom:0; left:2px; padding:2px 2px -1px 1px; margin:0; clear:both;}
#boltons .generic .decor {margin:0 3px;}
#boltons #imgBottom{min-height:122px; height:122px;}

#boltons #generic2 {background:#FFF; border:1px solid #BF3131; font-size:0.8em; margin:0 0 10px; width:190px}
#boltons #generic2 h3 {background:#BF3131; color:#FFF; padding:2px 10px 3px}
#boltons #generic2 h3 a, #boltons #intheloop h3 a:visited {color:#FFF}
#boltons #generic2 p {margin:0.5em 5px 10px}
#boltons #generic2 p.darkbutton {margin:0 10px -4px; width:10.5em}/*IE*/
html>/**/body #boltons #generic2 p.darkbutton {margin:0 10px 5px}
#boltons #generic2 img {margin-bottom:-3px;}
html>/**/body #boltons #generic2 img{margin-bottom:0;}

/* new homepage */

#main .mainHighlights { margin-bottom:10px; overflow:auto; height:1%;}
.mainHighlights  h2 {font-size: 1.1em; line-height:100%; color: #fff; padding:0em 1em 0.2em 0.3em; font-weight:normal; display:inline; /* this is fine */}
.mainHighlights a:link, a:visited, a:hover, a:active {color:#fff}
#main .mainHighlights h2 {background:#B95811 url(/newsite/images/generic/bgcorner_brown.jpg) no-repeat 100% 0}

#main .mainHighlights .panel {border:1px solid #B95811; border-left:none;position:relative; display:inline; float:left; background:#FFF; font-size:0.7em; margin:0 0 8px 0; padding:5px; height:125px; width:16em; voice-family: "\"}\""; voice-family:inherit; width:15.1em;height:117px; }
html>/**/body #main .mainHighlights .panel {display:block; margin-bottom:0; height:auto; min-height:117px}
#main .mainHighlights .panel img {float:right}
#main .mainHighlights .panel h3 {float:left; font-size:1.2em; margin:0; width:6.3em;  }

#main .mainHighlights .panel p {clear:left; float:left; color:#000; margin:1em 0 0; width:7.5em; font-size:100%; } /* YN Font-size added */

#main .mainHighlights .panel p.readThis {position:absolute; bottom:9px; right:5px; width:6.5em; padding:3px;  voice-family: "\"}\""; voice-family:inherit;  width:6.3em;}

#main .mainHighlights .sex-panel h3, 
#main .mainHighlights .sex-panel h3 a {color:#e8690c; background-color:#fff;}
#main .mainHighlights .sex-panel p.readThis {background-color:#e8690c;}

#main .mainHighlights .wor-panel h3, 
#main .mainHighlights .wor-panel h3 a {color:#baa601; background-color:#fff;}
#main .mainHighlights .wor-panel p.readThis {background-color:#baa601;}

#main .mainHighlights .hea-panel h3, 
#main .mainHighlights .hea-panel h3 a {color:#390; background-color:#fff;}
#main .mainHighlights .hea-panel p.readThis {background-color:#390;}

#main .mainHighlights .dri-panel h3, 
#main .mainHighlights .dri-panel h3 a {color:#2691d3; background-color:#fff;}
#main .mainHighlights .dri-panel p.readThis {background-color:#2691d3;}

#main .mainHighlights .hom-panel h3, 
#main .mainHighlights .hom-panel h3 a {color:#9e48c9; background-color:#fff;}
#main .mainHighlights .hom-panel p.readThis {background-color:#9e48c9;}

#main .mainHighlights .tra-panel h3, 
#main .mainHighlights .tra-panel h3 a {color:#fc4518; background-color:#fff;}
#main .mainHighlights .tra-panel p.readThis {background-color:#fc4518;}

#main .mainHighlights .com-panel h3, 
#main .mainHighlights .com-panel h3 a {color:#bf3131; background-color:#fff;}
#main .mainHighlights .com-panel p.readThis {background-color:#bf3131;}

#main .mainHighlights .ext-panel h3, 
#main .mainHighlights .ext-panel h3 a {color:#B95811; background-color:#fff;}
#main .mainHighlights .ext-panel p.readThis {background-color:#B95811;}

#main .mainHighlights .mul-panel h3, 
#main .mainHighlights .mul-panel h3 a {color:#4154B9; background-color:#fff;}
#main .mainHighlights .mul-panel p.readThis {background-color:#4154B9;}


#main .mainHighlights .panelBorder {border-left:1px solid #B95811;}

.pad .blogHighlights {border:1px solid #BF3131; padding:2px 5px }
.pad h2.blogHighlightsHeading, .pad p.blogHighlightsFooter, .pad h2.blogHighlightsHeading a, .pad p.blogHighlightsFooter a{background-color:#BF3131; color:#fff; margin-top:0;padding:2px 0 2px 5px}
.pad h2.blogHighlightsHeading,  .pad h2.blogHighlightsHeading a {font-size: 1em; font-weight:bold}
.pad p.blogHighlightsFooter {text-align:right;}
.pad .blogHighlights h3, .pad .blogHighlights h3 a  {margin:2px 0 ; font-size:.9em;font-weight:normal; color:#2D2E9C}
#main .pad .blogHighlights p {margin:2px 0 10px; color:#666666; font-size:.75em}

/* bookmark */
/* bookmark */

#main .bookmarks {
font-size:.6em;
}

#main .bookmarks h3 {
font-size:90%;
margin-bottom:8px;
}

#main .bookmarks ul {

list-style:none;
margin:0;
padding:0;
text-align:center;
}

#main .bookmarks ul li {
display:inline;
padding:5px 0 ;
}


.bookmarks ul li a {
padding:5px 10px 5px 18px;
}



.bookmarks .del{
background:url("/newsite/images/generic/delicious.gif") no-repeat 0% 50%;
}


.bookmarks .facebook{
background:url("/newsite/images/generic/facebook.gif") no-repeat 0% 50%;
}

.bookmarks .stumbleupon{
background:url("/newsite/images/generic/stumbleupon.gif") no-repeat 0% 50%;
}

.bookmarks .digg{
background:url("/newsite/images/generic/digg.gif") no-repeat 0% 50%;
}