/* CSS BY REUBEN WHITEHOUSE www.rocketfuelled.com */

/* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a { text-decoration: none; }
address { font-style: normal; }

/* == FOAM ======================================================= */
body
{
margin: 0;
padding: 0;
font-family: "lucida sans", "lucida grande", arial, helvetica, geneva, verdana, sans-serif; 
font-size: 62.5%;
color: #141414;
text-align: center;
background: #edebe5;
}

a
{
text-decoration: underline;
}

ul.cbs_category_list
{
margin: 0 10px;
font-size: 1.4em;
}
ul.cbs_category_list li
{
display: none;
}
ul.cbs_category_list li+li
{
display: block;
margin-bottom: 5px;
}

ul.related_articles
{
margin: 0 10px;
font-size: 1.4em;
}
ul.related_articles li
{
margin-bottom: 5px;
}

/* == PAINT ======================================================= */
#wrapper
{
margin: 0 auto;
width: 860px;
padding: 20px 10px 10px 10px;
background: url(../images/wrapper-bg.gif) no-repeat #fff;
}

#container
{
width: 860px;
text-align: left;
background: #fffcf0	;
}

#nav
{
float: left;
width: 510px;
margin: 24px 0 0 20px;
}

#top
{
clear: both;
background: url(../images/sidebar-bg.gif) repeat-y top right;
}
* html #top
{
height: 1px;
}
#inner #top
{
background: none;
}
#top-col1
{
float: left;
width: 560px;
padding: 30px 30px 0 60px;
}
* html #top-col1
{
padding-top: 7px;
}
#inner #top-col1
{
float: left;
width: 380px;
padding: 25px 30px 0 60px;
}
#top-col2
{
float: left;
width: 210px;
padding-bottom: 15px;
}
* html #top-col2
{
float: left;
width: 200px;
}
#inner #top-col2
{
float: left;
width: 350px;
padding: 10px 10px 10px 30px;
}
* html #inner #top-col2
{
width: 310px;
}

#mid
{
background: #252525;
}
* html #mid
{
height: 1px;
}
#mid-col1
{
float: left;
width: 560px;
padding: 20px 40px 20px 50px;
border-top: 3px solid #737373;
}
#mid-col2
{
float: left;
width: 190px;
padding-right: 20px;
}

#foot
{
background: #141414;
}
#foot-col1
{
float: left;
width: 560px;
padding: 20px 50px 20px 30px;
}
#foot-col2
{
float: left;
width: 200px;
padding: 10px 20px 10px 0;
}

/* == GLASS =================================================== */
/* == LOGO == */
h1#logo a
{
float: left;
display: block;
text-indent: -10000em;
width: 300px;
height: 130px;
margin-left: 30px;
background: url(../images/frankandhonest.gif);
}
* html h1#logo a
{
margin-left: 15px;
}

/* == MAIN NAV == */
#nav li a
{
display: block;
text-indent: -10000em;
width: 187px;
height: 21px;
margin-bottom: 4px;
background-repeat: no-repeat;
}
#nav li.col2 a
{
position: absolute;
}
#nav li#nav1 a
{
background-image: url(../images/nav-life.gif);
}
#nav li#nav2 a
{
background-image: url(../images/nav-sexrelationships.gif);
}
#nav li#nav3 a
{
background-image: url(../images/nav-substancemis.gif);
}
#nav li#nav4 a
{
background-image: url(../images/nav-health.gif);
}
#nav li#nav5 a
{
margin: -100px 0 0 215px;
background-image: url(../images/nav-projects.gif);
}
#nav li#nav6 a
{
margin: -75px 0 0 215px;
background-image: url(../images/nav-helplines.gif);
}
#nav li#nav7 a
{
margin: -50px 0 0 215px;
background-image: url(../images/nav-games.gif);
}
#nav li#nav8 a
{
margin: -25px 0 0 215px;
background-image: url(../images/nav-links.gif);
}
#nav li#search
{
position: absolute;
margin: -27px 0 0 300px;
display: block;
width: 210px;
padding: 5px;
background: #cc0000;
}
#nav li#search input
{
font-size: 1.1em;
padding: 2px;
font-style: italic;
border: 1px solid #fff;
color: #444;
width: 175px;
}

/* == LANGUAGE SWITCH BUTTONS == */
p#lang-cym a
{
display: block;
text-indent: -10000em;
width: 210px;
height: 35px;
background: url(../images/lang-cymraeg.gif) no-repeat #fffcf0;
}
* html p#lang-cym a
{
position: relative;
}
#inner p#lang-cym a
{
margin-left: 150px;
}
* html #inner p#lang-cym a
{
margin-left: 110px;
}

/* == TOP COLUMN 1 == */
#top-col1 a
{
color: #cc0b21;
}
#top-col1 div#intro p
{
width: 470px;
font-size: 1.4em;
line-height: 1.5em;
text-align: justify;
}
#top-col1 div#intro p strong
{
margin-right: 10px;
font-size: 1.2em;
font-weight: bold;
color: #cc0b21;
}
#top-col1 h2
{
font-size: 2em;
font-weight: bold;
color: #cc0b21;
margin-bottom: 10px;
}
#inner #top-col1 h2
{
font-size: 2.2em;
margin-bottom: 5px;
}
#inner #top-col1 h2 small
{
font-size: 0.7em;
color: #666;
}
#top-col1 h3
{
font-size: 1.7em;
font-weight: bold;
color: #cc0b21;
margin: 5px 0 8px 0;
}
#inner #top-col1 h3 small
{
font-size: 0.9em;
color: #666;
}

#top-col1 #featured
{
float: left;
width: 370px;	
margin: 20px 0 20px 0;
}
#inner #top-col1 #featured
{
width: 410px;	
margin: 20px 0 20px 0;
}
#top-col1 #featured p
{
font-size: 1.2em;
line-height: 1.5em;
text-align: justify;
margin-bottom: 15px;
}
#top-col1 #featured p.excerpt
{
font-size: 1.4em;
}
#top-col1 #featured div.excerpt p
{
font-size: 1.4em;
}
#top-col1 #featured p.continue
{
margin-top: -10px;
float: right;
font-size: 1.5em;
text-transform: uppercase;
}
#top-col1 #featured img.articlepic
{
margin: -5px 10px 10px -30px;
float: left;
padding: 1px;
border: 1px solid #df6573;
}
* html #top-col1 #featured img.articlepic
{
position: relative;
}
#top-col1 #featured img.articlepic-list
{
margin: 5px 10px 10px -30px;
float: left;
padding: 1px;
border: 1px solid #df6573;
}
* html #top-col1 #featured img.articlepic-list
{
position: relative;
}
#top-col1 #featured img
{
padding: 1px;
border: 1px solid #df6573;
}
#top-col1 #featured img.rightpic
{
float: right;
margin: 10px 0 10px 10px;
}
#top-col1 #featured img.leftpic
{
float: left
margin: 10px 0 10px 10px;
}

#top-col1 ul
{
margin: 15px 30px;
list-style-type: disc;
font-size: 1.3em;
line-height: 1.6em;
}
#top-col1 ul li
{
margin: 5px 0;
}

#inner #top-col1 ol.comments li
{
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
}
#inner #top-col1 ol.comments li p
{
margin-bottom: 3px;
}

#top-col1 #poll
{
float: left;
width: 140px;	
margin: 52px 0 20px 40px;
}
#inner #top-col1 #poll
{
width: 410px;	
margin: 0 0 20px 0;
}
#top-col1 #poll p
{
font-size: 1.2em;
line-height: 1.4em;
margin-bottom: 10px;
}
#top-col1 #poll ol
{
list-style-type: none;
font-size: 1.2em;
}
#top-col1 #poll ol li
{
margin-bottom: 5px;
}
#inner #top-col1 #poll ol li
{
float: left;
width: 200px;
margin-bottom: 5px;
}
#top-col1 #poll form .submit
{
float: right;
}
#inner #top-col1 #poll form .submit
{
float: left;
margin: 10px 0;
}
#top-col1 #poll .continue
{
clear: right;
float: right;
margin: 5px 0;
}
#inner #top-col1 #poll .continue
{
float: left;
margin: 15px;
}

#top-col1 form
{
font-size: 1.3em;
margin: 10px 0;
}
#top-col1 form label
{
display: block;
clear: left;
}
#top-col1 form input
{
display: block;
margin: 4px 0;
}
#top-col1 form input#txpCommentSubmit
{
padding: 2px;
float: left;
margin-right: 10px;
}
#top-col1 form input#txpCommentPreview
{
padding: 2px;
float: left;
margin-right: 10px;
}
#top-col1 form div.remember
{
float: left;
}
#top-col1 form div.remember label
{
float: left;
clear: none;
}
#top-col1 form div.remember input
{
float: left;
clear: none;
margin-right: 5px;
}
#top-col1 form textarea
{
display: block;
margin: 4px 0;
}
#top-col1 #preview
{
padding: 10px;
background: #fff;
}

ul#breadcrumb
{
margin: 0 0 10px 0;
font-size: 1.2em;
font-weight: bold;
}
* html ul#breadcrumb
{
position: relative;
}
ul#breadcrumb li
{
display: inline;
}

/* == TOP COLUMN 2 == */
#top-col2 a
{
color: #cc0b21;
}

#top-col2 h2
{
font-size: 1.9em;
font-weight: bold;
color: #cc0b21;
margin: 5px 0 10px 0;
border-bottom: 1px solid;
}

#top-col2 h3
{
font-size: 1.6em;
font-weight: bold;
color: #cc0b21;
margin: 5px 0 10px 0;
border-bottom: 1px solid;
}

#top-col2 dl
{
padding: 20px;
padding-bottom: 0;
}
#inner #top-col2 dl
{
clear: left;
padding: 5px;
}
#top-col2 dt
{
font-size: 1.6em;
font-weight: bold;
color: #cc0b21;
margin-bottom: 5px;
}
#top-col2 dd p
{
font-size: 1.1em;
line-height: 1.4em;
margin-bottom: 10px;
}
#top-col2 dd ol
{
margin: 0 5px;
list-style-type: none;
font-size: 1.3em;
}
#top-col2 dd ol li
{
margin-bottom: 5px;
}
#top-col2 dd ul
{
width: 280px;
}
#top-col2 dd ul li
{
float: left;
padding-right: 5px;
font-size: 1.2em;
margin-bottom: 10px;
}
#inner #top-col2 dd p
{
margin-bottom: 5px;
color: #333;
font-style: italic;
}
#inner #top-col2 dl.archive dd
{
font-size: 1.2em;
padding-bottom: 10px;
color: #333;
font-style: italic;
}
#inner #top-col2 dd ul li a
{
color: #141414;
margin-right: 5px;
}

/* == MIDDLE COLUMN 1 == */
#mid-col1 a
{
color: #ed2424;
}
#mid-col1 h3
{
margin: 20px 0 15px -10px;
font-size: 1.4em;
color: #ccc;
}
#mid-col1 h3 strong
{
font-size: 1.4em;
font-weight: bold;
color: #fff;
text-transform: lowercase;
padding: 21px 10px 0 66px;
background: url(../images/home-blog-h3-bg.gif) no-repeat;
}
#mid-col1 h3 a
{
font-size: 1.3em;
margin-left: 10px;
}
#mid-col1 p
{
font-size: 1.2em;
line-height: 1.8em;
text-align: justify;
color: #fff;
margin-bottom: 15px;
}

/* == MIDDLE COLUMN 2 == */
#mid-col2 a
{
color: #ed2424;
}
#mid-col2 h4
{
margin: 10px 0 5px 0;
font-size: 1.6em;
font-weight: bold;
color: #fff;
}
#mid-col2 p
{
font-size: 1.1em;
line-height: 1.4em;
color: #fff;
margin-bottom: 10px;
}
#mid-col2 img.articlepic
{
float: right;
margin: 10px;
margin-top: 0;
}
#mid-col2 p.continue
{
text-align: right;
font-size: 1.2em;
}

/* == LOWER COLUMN 1 == */
#foot-col1 a
{
color: #ed2424;
}
#foot-col1 div#summary p
{
padding: 10px 10px 20px 90px;
font-size: 1.35em;
line-height: 1.5em;
color: #fff;
text-align: justify;
background: url(../images/summary-bg.gif) no-repeat 10px 5px;
}

#foot-col1 dl
{
clear: left;
color: #ccc;
}
#foot-col1 dl a
{
margin-right: 5px;
color: #ccc;
text-decoration: none;
border-bottom: 1px dotted #666;
}
#foot-col1 dl dt
{
float: left;
width: 80px;
padding-top: 3px;
color: #999;
text-align: right;
}
#foot-col1 dl dd
{
float: left;
width: 470px;
margin-left: 10px;
padding-bottom: 15px;
}
#foot-col1 dl dd ul
{
font-size: 1.3em;
}
#foot-col1 dl dd ul li
{
float: left;
padding: 0 5px 5px 0;
}
* html #foot-col1 dl dd ul li
{
white-space: nowrap;
}

/* == LOWER COLUMN 2 == */
#foot-col2 a
{
color: #ed2424;
}
#foot-col2 h4
{
margin: 10px 0 5px 0;
font-size: 1.6em;
font-weight: bold;
color: #fff;
}
#foot-col2 p
{
font-size: 1.1em;
line-height: 1.4em;
color: #fff;
margin-bottom: 10px;
}
#foot-col2 img.articlepic
{
float: right;
margin: 10px;
margin-top: 0;
}
#foot-col2 li
{
font-size: 1.1em;
color: #fff;
}
#foot-col2 li a.rss
{
font-size: 1.1em;
padding: 0 6px 2px 20px;
color: #ff6600;
background: url(../images/rss-logo.gif) no-repeat;
}
#foot-col2 li form
{
margin: 10px 0;
font-size: 1.1em;
}
#foot-col2 li form input.textinput
{
display: block;
margin: 7px 0;
font-size: 1em;
border: 1px solid #fff;
padding: 2px;
font-style: italic;
color: #222;
width: 190px;
}

#foot #copyright-etc
{
clear: both;
margin: 0 30px;
padding: 30px 30px 20px 30px;
background: url(../images/copyright-etc-bg.gif) no-repeat #252525;
}
* html #foot #copyright-etc
{
padding-top: 5px;
}
#foot #copyright-etc a
{
color: #999;
text-decoration: none;
border-bottom: 1px dotted #999;
}
#foot #copyright-etc p
{
color: #999;
line-height: 1.6em;
}
#foot #copyright-etc p#admin
{
float: right;
text-transform: uppercase;
}

dl#advert
{
margin: 0 -20px 20px 0;
padding: 0 20px 10px 20px;
color: #323232;
background: #c1dfe8;
}
#foot-col2 dl#advert
{
margin: -10px -20px 20px 10px;
}
#inner dl#advert
{
margin: 40px 0 10px 0;
padding: 0;
background: none;
}
#inner dl#advert dt img
{
float: left;
margin: 0 10px 10px 0;
}
dl#advert dt img
{
margin: 5px 0 3px 0;
padding: 1px;
border: 1px solid #df6573;
}
#inner dl#advert a
{
color: #cc0b21;
}
dl#advert dd p strong
{
text-transform: uppercase;
letter-spacing: 2px;
font-weight: normal;
line-height: 1.8em;
}
dl#advert dd p
{
font-size: 1.1em;
line-height: 1.3em;
color: #141414;
margin-bottom: 0;
}
#inner dl#advert dd p
{
color: #444;
font-style: normal;
}
dl#advert dd p.continue
{
text-align: left;
}
dl#advert dd p.continue a
{
font-size: 0.9em;
color: #717171;
text-decoration: none;
border-bottom: 1px solid #df6573;
}
#inner dl#advert dd p.continue a
{
font-size: 0.9em;
color: #444;
text-decoration: none;
border-bottom: 1px solid #df6573;
}


div#poll form
{
line-height: 1.6em;
}
div#poll form input.foo
{
float: left;
clear: left;
vertical-align: middle;
margin-right: 5px;
}
.clsGraph
{
font-size: 1.2em;
line-height: 1.3em;
}

form.zemContactForm fieldset
{
border: none;
line-height: 0.6em;
}
form.zemContactForm fieldset legend
{
display: none;
}
form.zemContactForm fieldset input
{
margin: 3px 0 8px 0;
}
form.zemContactForm fieldset textarea
{
margin: 3px 0 8px 0;
width: 400px;
}
form.zemContactForm fieldset ul
{
margin-bottom: 10px;
color: #cc0000;
line-height: 1.7em;
}

#inner div.zemThanks
{
font-weight: bold;
}

/* == WAX ======================================================= */
.clear
{
clear: both;
}

.accessibility
{
position: absolute;
left: -10000px;
}

.addthis_toolbox {
position: relative;
left: 59px;
top: 35px;
}
.top-addthis .addthis_toolbox {
top: -8px;
left: 0px;
}