/* DESIGNED and BUILT by Jacob Souva, Two Fish Illustration & Design
www.twofishillustration.com */


/* defaults, globals, etc.
==============================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: inherit;}

:focus 
{outline: 0;}

body 
{line-height: 1;
font: 12px "Trebuchet MS", sans-serif;
text-align: left;
background: #7ECBDC url('/images/backgrad.png') repeat-x top center;}

ol, ul 
{list-style: none;}

table 
{border-collapse: separate;
border-spacing: 0;}

caption, th, td 
{text-align: left;
font-weight: normal;}

a, a img
{text-decoration: none}


.findout span, .programs span, .heyparents span, .liftitup span, .theblog span, .getintouch span, #logoillo h1,
.welcome span, .fromblog span, .listennow span, .radioclub span, .parentingpodcast span, .supportus span, .heyparentstitle span,
.aboutustitle span, .parentingpodcastr span, .aboard span, .programstitle span, .theblogtitle span, .blogarchive span, .previous span,
.next span, .liftituptitle span, .getintouchtitle span, .fpodcasttitle span
{display: block;
width: 0;
height: 0;
overflow: hidden;}


button 
{width: auto;
overflow: visible;}

.clearit 
{clear: both;
height: 0;
line-height: 0.0;
font-size: 0;}


/* global navigation
==============================================================================*/
#nav ul
{display: inline;}

#nav li
{text-align: center;
font-weight: normal;
text-transform: lowercase;
margin-top: -9px;
float: left;
height: 72px;
overflow: hidden;
font-size:12px;
line-height: 70px;}

.findout
{background: transparent url('/images/findout.gif') no-repeat center 23px;
margin-top: 18px;
width: 159px;
border-right: 1px solid #584a2f}

.programs
{background: transparent url('/images/programs.gif') no-repeat center 23px;
margin-top: 18px;
width: 159px;
border-right: 1px solid #584a2f}

.heyparents
{background: transparent url('/images/heyparents.gif') no-repeat center 23px;
margin-top: 18px;
width: 159px;
border-right: 1px solid #584a2f}

.liftitup
{background: transparent url('/images/liftitup.gif') no-repeat center 23px;
margin-top: 18px;
width: 159px;
border-right: 1px solid #584a2f}

.theblog
{background: transparent url('/images/theblog.gif') no-repeat center 23px;
margin-top: 18px;
width: 159px;
border-right: 1px solid #584a2f}

.getintouch
{background: transparent url('/images/getintouch.gif') no-repeat center 23px;
width: 160px;
margin-top: 18px;}

#nav a
{display: block;
color: #E5E2DE;}

.findout a:link, .findout a:visited, 
.programs a:link, .programs a:visited,
.heyparents a:link, .heyparents a:visited,
.liftitup a:link, .liftitup a:visited,
.theblog a:link, .theblog a:visited,
.getintouch a:link, .getintouch a:visited
{border-top: 9px solid #7A9996}

a.active
{cursor: default}

.findout a:focus, .findout a:hover, .findout a:active, .findout >a.active
{border-top: 9px solid #E8794F}

.programs a:focus, .programs a:hover, .programs a:active, .programs >a.active
{border-top: 9px solid #FCCE61}

.heyparents a:focus, .heyparents a:hover, .heyparents a:active, .heyparents >a.active
{border-top: 9px solid #B5D869}

.liftitup a:focus, .liftitup a:hover, .liftitup a:active, .liftitup >a.active
{border-top: 9px solid #DF5EAF}

.theblog a:focus, .theblog a:hover, .theblog a:active, .theblog >a.active
{border-top: 9px solid #B350CC}

.getintouch a:focus, .getintouch a:hover, .getintouch a:active, .getintouch >a.active
{border-top: 9px solid #E84F4F}



/* global layout
==============================================================================*/
.container
{width:960px;
margin:0 auto;
padding: 0 10px}

.navcontainer
{width:960px;
margin:0 auto;
padding: 0 10px;
background: transparent url('/images/navback.gif') no-repeat center;}

#nav
{width: 100%;
height: 63px;
border-top:#7ECBDC 9px solid;}

#logoillo
{width: 960px;
height: 180px;
clear: both;
float: left;
background: transparent url('/images/cglogoillustration.jpg') no-repeat center}

#logo
{border-bottom: 3px solid #FFF;
float: left;
clear: both;
width: 960px;
height: 71px; }

#maincontent
{width: 960px;
float:left;
clear: both;
background: #FFF url('/images/maincontentback.gif') repeat-y top right;
border-bottom: 1px solid #EFECE8;
}

#mainleftcol
{width: 640px;
float: left;
padding-top: 18px;
padding-bottom: 24px;
background: transparent url('/images/mlcoltop.gif') repeat-x top left;}

#mainrightcol
{width: 320px;
float: left;
padding-top: 18px;
padding-bottom: 24px;
background: transparent url('/images/mrcoltop.gif') repeat-x top left;}

p#footer
{font-size:0.833em;
line-height: 54px;
text-align: right;
color: #5E461A;
clear: both;
font-style: italic;}

p#footer img
{padding-left: 4px;
vertical-align: middle}


/* global type
==============================================================================*/
#mainleftcol h1
{margin-left: 36px;
margin-right: 36px;}

#mainleftcol h2
{font-size:1.333em;
line-height: 1.125em;
margin: 1.125em 36px 0 36px;
color: #be4d94;
font-weight: bold;
letter-spacing: .018em}

#mainleftcol h3
{margin: 0 36px;
font-size:1em;
line-height: 1.5em;
letter-spacing: .018em;
font-weight: bold;
color: #be4d94;
text-transform: uppercase}

#mainleftcol h3 em
{text-transform: none;
font-weight: normal;
font-style: italic;
font-size: .8em;}

#mainleftcol h4
{font-size:2.167em;
line-height: 0.692em;
padding-bottom: .346em;
letter-spacing: .018em;
color: #5e461a;
margin: 0 36px .692em 36px;
border-bottom: .1em dotted #e7e4de;}

#mainleftcol h4 em
{font-size: .4em;
font-style: italic}

#mainleftcol h5
{margin: 0 36px;
font-size:1.167em;
line-height: 1.286em;
padding-bottom: 6em;
font-weight: bold;
letter-spacing: .018em;
border-top: .2em dotted #e7e4de;
color: #be4d94;
clear:both;
vertical-align: bottom }

#mainleftcol h5 em
{font-size: .72em;
font-weight: normal;
font-style: italic;}

#mainleftcol h5 a
{float: right}

#mainleftcol p
{color: #5e461a;
margin: 0 36px;
font-size:1.083em;
line-height: 1.385em;
padding-bottom: 1.385em;}

#mainleftcol p strong
{font-weight: bold;
color: #be4d94;}

#mainleftcol li
{color: #5e461a;
font-size:1.083em;
line-height: 1.385em;
list-style: url(/images/orangearrow.png) outside }

#mainleftcol ul
{padding-bottom: 18px;
margin: 0 36px 0 55px}

#mainleftcol blockquote
{margin: 0 56px;
padding-top: 1.385em;
text-align: justify;
border: 1px solid #e7e4de ;
font-style: italic;
margin-bottom: 17px;}

#mainrightcol h2
{margin-left: 36px;
margin-right: 36px;}

#mainrightcol h3
{margin: 9px 36px 0 36px;
padding-top: 9px;
color: #e8794f;
font-size:1.167em;
line-height: 1.286em;
border-top: 1px solid #e7e4de;}

#mainrightcol h3 em
{font-size: .65em;
color: #5e461a;
font-style: italic;}

#mainrightcol h4
{font-size:1em;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: .018em;
margin: 9px 36px;
font-weight: bold;
color: #5e461a;
}

#mainrightcol h4 em
{font-size: .85em;
font-style: italic;
text-transform: none;
font-weight: normal}

#mainrightcol i p
{padding-bottom: 1.636em;}

#mainrightcol p, #bottombox p
{margin-left: 36px;
margin-right: 36px;
font-size:0.917em;
line-height: 1.636em;
color: #5e461a;}

#mainrightcol p img
{display: none}

#mainrightcol ul
{margin: 0 36px;
padding-top: 18px;}

#mainrightcol li
{font-size:1.083em;
line-height: 1.385em;
color: #5e461a;
list-style: url(/images/orangearrow.png) inside}


#mainrightcol li em
{font-size: .75em;}

#mainrightcol a:link, #mainleftcol a:link, #mainrightcol a:visited, #mainleftcol a:visited
{color:#e8794f }

#mainrightcol p a:link, #mainleftcol p a:link, #mainrightcol p a:visited, #mainleftcol p a:visited
{color:#e8794f;
font-weight: bold;}

#mainrightcol a:focus, #mainrightcol p a:focus, #mainleftcol a:focus, #mainleftcol p a:focus, #mainrightcol p a:hover, #mainrightcol a:hover, #mainleftcol p a:hover, #mainleftcol a:hover, #mainrightcol p a:active, #mainleftcol p a:active, #mainrightcol a:active, #mainleftcol a:active
{color:#9bbb53 }

#mainleftcol p img
{border: 1px solid #e7e4de;
padding: 4px;
background-color: #f7f6f4}

img.rightorleft, img.left
{float: left;
margin: 9px 9px 2px 0}

img.right
{float: right;
margin: 9px 0 2px 9px;}


/* home
==============================================================================*/
#logowradio
{height: 216px;
width: 320px;
float: left;
overflow: hidden;
background: #FFF url('/images/radioback.gif') repeat-x bottom;
border-bottom: 3px solid #FFF}

#logowradio h3 a
{font-size:.75em;
line-height: 2em;
font-weight: bold;
display: block;
text-transform: uppercase;
letter-spacing: .05em;
margin: 10px 32px 0 30px;
padding: 2px 8px 4px 8px;
vertical-align: baseline}

#logowradio h3 em
{font-weight: normal;
font-style: italic;
text-transform: lowercase;
letter-spacing: normal}

#logowradio h3 strong
{font-size: 2em;
vertical-align: bottom}

#logowradio h3 a:link, #logowradio h3 a:visited
{border: 1px solid #edebe6;
color: #e75eb1;}

#logowradio h3 a:focus, #logowradio h3 a:hover, #logowradio h3 a:active
{border: 1px solid #ddd7d3;
color: #a7cf51;}

#biblebox
{height: 219px;
width: 160px;
float: left;
text-align: center;
display: table;
overflow:hidden;
color: #5E461A;
background: #FFF url('/images/bibleboxback.jpg') no-repeat top center;}

#biblebox h2
{font-size:1.167em;
line-height: 1.286em;
font-style: italic;
font-weight: normal;
padding: 0 27px}

#biblebox h3
{font-size:0.833em;
line-height: 1.8em;
text-transform: uppercase;
padding: 0 27px}

.vertcenter
{display:table-cell;
vertical-align: middle;
width:100%}/* check to see if this works in IE6/IE7 - apply fix if not working*/

#phto img
{float: left;
border-bottom: 3px solid #FFF;}

.welcome
{width: 573px;
height: 72px;
margin-bottom: 28px;
background: #FFF url('/images/welcome2.gif') no-repeat bottom left;}

.fromblog
{width: 107px;
height: 43px;
background: transparent url('/images/fromtheblog.png') no-repeat bottom left;}

p.topline
{border-top: 1px solid #e7e4de;
margin: 9px 36px 0 36px;
padding-top: 9px;}

ul.topline
{border-top: 1px solid #e7e4de;
padding: 9px 0}

#mainrightcol > p.topline img
{display: inline;
padding-right: 9px}

.listennow
{width: 288px;
height: 33px;
background: #FFF url('/images/listen_now.gif') no-repeat bottom right}

#bottombox
{width: 960px;
clear: both;
border-top: 3px solid #FFF;
background: #FFF url('/images/bottomboxesback.gif') repeat-y center}

#bottombox img
{float: left;
padding-right: 4px}

#bottombox p
{margin-top: 18px;}

#bottombox h4
{font-size:0.917em;
line-height: 1.636em;
font-weight: bold;
margin: 9px 36px;}

#bottombox p:first-line
{font-weight: bold;
text-transform: uppercase;
letter-spacing: .05em}

#box1, #box2, #box3
{width: 320px;
float: left;
padding-bottom: 36px;}

#box1 p:first-line, #box1 h4
{color: #809949;}

#box2 p:first-line, #box2 h4
{color: #c66f50;}

#box3 p:first-line, #box3 h4
{color: #be4d94;}

#box2 a:link, #box2 a:visited
{color: #c66f50; }

#box2 a:focus, #box2 a:hover, #box2 a:active
{color: #C97252;}

.radioclub
{height: 45px;
width: 320px;
background: transparent url('/images/cgradioclub.gif') no-repeat top left;}

.parentingpodcast
{height: 45px;
width: 320px;
background: transparent url('/images/parentingpodcast.gif') no-repeat top left;}

.supportus
{height: 45px;
width: 320px;
background: transparent url('/images/supportus.gif') no-repeat top left;}

.ccard
{margin: 9px 36px 0 36px}


/* specific page styles
==============================================================================*/
.heyparentstitle
{height: 44px;
width: 232px;
margin-bottom: 29px;
background: transparent url('/images/heyparentstitle.gif') no-repeat bottom left;}

.aboutustitle
{height: 40px;
width: 222px;
margin-bottom: 33px;
background: transparent url('/images/findouttitle.gif') no-repeat bottom left;}

.parentingpodcastr
{height: 41px;
width: 231px;
margin-bottom: 10px;
background: transparent url('/images/parentingpodcastright.gif') no-repeat bottom left;}

.liftituptitle
{height: 41px;
width: 249px;
margin-bottom: 10px;
background: transparent url('/images/liftituptitle.gif') no-repeat bottom left;}

.aboard
{height: 41px;
width: 231px;
margin-bottom: 14px;
background: transparent url('/images/abmembers.gif') no-repeat bottom left;}

.programstitle
{height: 40px;
width: 313px;
margin-bottom: 33px;
background: transparent url('/images/programstitle.gif') no-repeat bottom left;}

.getintouchtitle
{height: 40px;
width: 313px;
margin-bottom: 33px;
background: transparent url('/images/getintouchtitle.gif') no-repeat bottom left;}

.theblogtitle
{height: 40px;
width: 313px;
margin-bottom: 48px;
background: transparent url('/images/theblogtitle.gif') no-repeat bottom left;}

.fpodcasttitle
{height: 40px;
width: 313px;
margin-bottom: 48px;
background: transparent url('/images/fpodcasttitle.gif') no-repeat bottom left;}

.blogarchive
{height: 41px;
width: 231px;
margin-bottom: 14px;
background: transparent url('/images/blogarchive.gif') no-repeat bottom left;}

.next
{height: 27px;
width: 248px;
margin-bottom: 9px;
border-top: 1px solid #e7e4de;
background: transparent url('/images/next.gif') no-repeat bottom left;}

.previous
{height: 27px;
width: 248px;
border-top: 1px solid #e7e4de;
margin-bottom: 9px;
margin-top: 9px;
background: transparent url('/images/previous.gif') no-repeat bottom left;}

#mainleftcol > h4.lightgrey
{color: #e7e4de}

.comment
{margin: 18px 36px 18px 36px;
clear: both;
border-bottom:.2em dotted #e7e4de;}

.comment p
{padding-left: 124px;
font-style: italic;}

.comment h3
{padding-left: 124px;}

.commentnum1
{float: left;
background-color: #e7e4de;
width: 124px;
overflow: hidden;
margin-bottom: 18px;}

.commentnum2
{float: left;
background-color: #edeae5;
width: 124px;
overflow: hidden;
margin-bottom: 18px;}

.rblaircomment
{float: left;
background: transparent url('/images/rblaircomment.jpg') no-repeat top left;
width: 124px;
height: 124px;
margin-bottom: 18px;}

.comment h6
{padding: 36px;
color: #FFFFFF;
text-align: center;
font-size:3em;
line-height: 0.5em;}

.contact
{margin-top: 18px}

#mainrightcol > .contact h3
{border-top: none;
font-size: 1.3em;
text-align: right;
padding-top: 36px;
border-bottom: 1px solid #e7e4de;}

#mainrightcol > .contact p
{text-align: right;
padding-top: 4px}

.contact img
{float: right;
margin:0 36px 0 18px}

#mainleftcol h5 a.prevfix
{float: left}

/* forms
==============================================================================*/
.textfield
{color: #ddd7d3;
padding: 2px 4px;
font-family: "Trebuchet MS", sans-serif; 
width: 240px;
background-color: #f7f6f4;
border: 1px solid #ddd7d3;}

.ctextfield
{color: #be4d94;
padding: 2px 4px;
font-family: "Trebuchet MS", sans-serif; 
width: 248px;
font-weight: normal;
background-color: #f7f6f4;
border: 1px solid #ddd7d3;}

#box1 .textfield:focus
{border: 1px solid #809949;
color: #809949;}

#mainleftcol .ctextfield:focus
{border: 1px solid #be4d94;
color: #be4d94;}

#box1 button:hover
{border: 1px solid #c2c2c2;
color: #809949 }

#box3 button:hover, #mainleftcol button:hover
{border: 1px solid #c2c2c2;
 color: #be4d94;}

button
{margin-left: 36px;
font-size:0.75em;
line-height: 2em;
font-weight: bold;
color: #5e461a;
border: 1px solid #ddd7d3;
display: block;
text-transform: uppercase;
letter-spacing: .08em;
clear: both;
}

.post
{background: #FFF url('/images/mbuttonback.gif') repeat-x left;
cursor:pointer;
font-family: "Trebuchet MS", sans-serif;
padding: 4px 16px;}

.commentform
{float: right;}

#comment_form p img, #contact_form p img
{padding-top:9px;
background-color: #FFF;
display: block}

#comment_form, #contact_form
{padding: 18px 0;}