/*

Site: Ritter Public Library
File: /css/teens.css
Date: Thursday, March 19, 2009
Desc: teens page layout settings
Auth: Matthew Martindale (matthewm@ohionet.org)

*/

body {
background: #000
}

/**/

#mainBase {
background: url(/images/bg_mainbase_teens.jpg) no-repeat top center
}
#mainWrapTop {
background: url(/images/bg_mainwraptop_teens.png)
}
* html #mainWrapTop {
filter: progid:dximagetransform.microsoft.alphaimageloader(src='/images/bg_mainwraptop_teens.png', sizingmethod='scale');
background: url(/images/transparent.gif)
}
#mainWrapBottom {
background: url(/images/bg_mainwrapbottom_teens.png)
}
* html #mainWrapBottom {
filter: progid:dximagetransform.microsoft.alphaimageloader(src='/images/bg_mainwrapbottom_teens.png', sizingmethod='scale');
background: url(/images/transparent.gif)
}

/**/

#pageWrap {
background: #fff
}
#header {
background-position: 0 -220px
}

/**/

#searchBox {
color: #666;
position: absolute;
right: 20px;
top: 20px
}
#searchBox p {
color: #666;
line-height: 16px;
margin-bottom: 5px
}
#searchBox a {
color: #000;
text-decoration: none
}
#searchBox a:hover {
text-decoration: underline
}
#searchBox label {
display: none
}
#searchBox #s {
border: solid 1px #e5e5e5;
padding: 5px;
width: 200px
}
#searchBox #searchsubmit {
background: #a00600;
border: 0;
color: #fff;
cursor: pointer;
font-weight: bold;
text-align: center;
padding: 4px;
width: 60px
}

/**/

#menu {
background: #fff
}
#menu .home a {
background: url(/images/bg_menuhome_teens.jpg)
}
#menu .services a {
background: url(/images/bg_menuservices_teens.jpg)
}
#menu .reading a {
background: url(/images/bg_menureading_teens.jpg)
}
#menu .calendar a {
background: url(/images/bg_menucalendar_teens.jpg)
}
#menu .reference a {
background: url(/images/bg_menureference_teens.jpg)
}
#menu .children a {
background: url(/images/bg_menuchildren_teens.jpg)
}
#menu .teens a {
background: url(/images/bg_menuteens_teens.jpg)
}
#menu .about_us a {
background: url(/images/bg_menuaboutus_teens.jpg)
}
#menu .catalog a {
background: url(/images/bg_menucatalog_teens.jpg)
}

/**/

.dropDown {
background: #eee;
border-top: solid 1px #e3e4d4
}
.dropDown a {
color: #000
}
.dropDown a:hover {
background: #a00600 !important;
color: #fff
}

/**/

#teensParent {
background: url(/images/bg_contentwrap_teens.jpg) no-repeat;
padding: 342px 20px 20px 20px
}
#teensChild {
padding: 20px
}
#teensLeftColumn {
float: left;
margin-right: 30px;
width: 413px
}
#teensRightColumn {
float: left;
width: 413px
}

/**/

.blockTitleDefault {
border-bottom: solid 1px #dbd9d1;
color: #a00600;
font-size: 16px;
font-weight: bold;
line-height: 18px;
margin-bottom: 15px;
padding-bottom: 5px
}
.baseBlockDefault {
margin-bottom: 20px
}
.baseBlockDefault a {
color: #a00600
}

/**/

.entryBlockTeensRecentUpdate {
margin-bottom: 20px
}
.entryBlockTeensRecentUpdate dt {
font-size: 16px;
font-weight: bold;
line-height: 18px;
margin-bottom: 10px
}
.entryBlockTeensRecentUpdate dd.teensRecentUpdatesDetails {
line-height: 17px
}
.entryBlockTeensRecentUpdate dd.teensRecentUpdatesDetails p {
margin-bottom: 10px
}
.entryBlockTeensRecentUpdate dd.teensRecentUpdatesDetails img.alignleft {
border: solid 1px #000;
float: left;
margin-right: 20px
}

/**/

.blockTeensPages ul {
list-style: none
}
.blockTeensPages li {
float: left;
line-height: 22px;
width: 139px
}

/**/

.entryBlockTeenProgram {
margin-bottom: 20px
}
.entryBlockTeenProgram dt {
font-size: 16px;
font-weight: bold;
line-height: 18px;
margin-bottom: 2px
}
.entryBlockTeenProgram dd.teenProgramPosted {
font-size: 10px;
font-style: normal;
line-height: 12px;
margin-bottom: 10px
}
.entryBlockTeenProgram dd.teenProgramDetails {
line-height: 17px
}
.entryBlockTeenProgram dd.teenProgramDetails p {
margin-bottom: 10px
}
.entryBlockTeenProgram dd.teenProgramDetails img.alignleft {
border: solid 1px #000;
float: left;
margin-right: 10px
}

/**/

.entryBlockFeaturedTeenRead {
margin-bottom: 20px
}
.entryBlockFeaturedTeenRead dt {
font-size: 16px;
font-weight: bold;
line-height: 18px;
margin-bottom: 10px
}
.entryBlockFeaturedTeenRead dd.featuredTeenReadDetails {
line-height: 17px
}
.entryBlockFeaturedTeenRead dd.featuredTeenReadDetails p {
margin-bottom: 10px
}
.entryBlockFeaturedTeenRead dd.featuredTeenReadDetails img.alignleft {
border: solid 1px #000;
float: left;
margin-right: 10px
}

/**/

.contentBlockDefault h1 {
font-size: 14px;
line-height: 16px;
margin-bottom: 10px
}
.contentBlockDefault p {
line-height: 17px;
margin-bottom: 10px
}