/*

Site: Ritter Public Library
File: /css/elements.css
Date: Monday, March 23, 2009
Desc: page element styles/settings
Auth: Matthew Martindale (matthewm@ohionet.org)

*/

.leftColumnContent {
padding: 20px 10px
}

/**/

.clear {
clear: both;
height: 0
}

/**/

.pageHeading {
background: url(/images/sprites/panel_headings.png) 0 -160px;
color: #999;
font-size: 11px;
height: 21px;
line-height: 13px;
padding: 9px 10px 0
}
.pageHeading a {
color: #428bb7;
font-weight: bold;
text-decoration: none
}
.pageHeading a:hover {
color: #000
}
.pageHeading em {
font-style: normal;
margin: 0 5px
}
.pageHeading strong {
color: #000
}

/**/

.page_item {
background: #f5f5f5;
float: left;
list-style: none;
margin: 0 1px 1px 0;
padding: 5px 10px;
width: 267px
}

/**/

.tableListBlock table {
font-size: 11px;
line-height: 21px;
width: 100%
}
.tableListBlock th,
.tableListBlock td {
border: solid 1px #e5e5e5;
vertical-align: top;
width: 50%
}
.tableColumns2 th,
.tableColumns2 td {
width: 50%
}
.tableListBlock th {
background: #eee;
padding: 5px 10px;
text-transform: uppercase
}
.tableListBlock td {
line-height: 21px;
padding: 5px 10px 10px
}
.tableListBlock a {
border-bottom: solid 1px #d0e2ed;
color: #428bb7;
text-decoration: none
}
.tableListBlock a:hover {
border-color: #71a8c9
}

/**/

.copyBlock h1 {
border-bottom: solid 1px #eee;
clear: both;
font-size: 18px;
line-height: 20px;
margin-bottom: 10px;
padding-bottom: 5px
}
.copyBlock h2 {
font-size: 14px;
line-height: 16px;
margin-bottom: 5px
}
.copyBlock img.alignleft {
margin: 5px 20px 5px 0
}
.copyBlock img.alignright {
margin: 5px 0 5px 20px
}
.copyBlock p {
line-height: 22px;
margin-bottom: 10px
}
.copyBlock table {
font-size: 11px;
line-height: 16px;
margin: 15px 0;
width: 100%
}
.copyBlock th,
.copyBlock td {
border: solid 1px #e5e5e5;
padding: 5px 10px;
vertical-align: top
}
.copyBlock th {
background: #eee;
text-transform: uppercase
}
.copyBlock a {
border-bottom: solid 1px #d0e2ed;
color: #428bb7;
text-decoration: none
}
.copyBlock a:hover {
border-color: #71a8c9
}

/**/

.postBlock,
.searchResultBlock {
margin-bottom: 30px
}
.postBlock h1 {
font-size: 18px;
line-height: 20px;
margin-bottom: 3px
}
.postBlock h1 a {
color: #000;
text-decoration: none
}
.postBlock h1 a:hover {
text-decoration: underline
}
.postBlock h1 span {
color: #999;
font-size: 11px;
margin: 0 10px
}
.postBlock h2 {
font-size: 12px;
line-height: 14px;
margin-bottom: 10px
}
.searchResultBlock h1 {
font-size: 14px;
line-height: 16px;
margin-bottom: 5px
}
.postBlock p {
line-height: 22px;
margin-bottom: 10px
}
.postBlock p a {
border-bottom: solid 1px #d0e2ed;
color: #428bb7;
font-weight: bold;
text-decoration: none
}
.postBlock p a:hover {
border-color: #71a8c9
}
.postLinks {
background: #f5f5f5;
clear: both;
display: block;
padding: 5px
}
.postLinks span {
color: #666;
margin-right: 5px
}
.postLinks strong {
color: #ccc;
font-weight: normal;
margin: 0 5px
}
.postBlock img.alignleft {
height: auto;
margin: 5px 20px 5px 0;
width: 150px
}
.postBlock img.alignright {
height: auto;
margin: 5px 0 5px 20px;
width: 150px
}
.searchResultBlock a {
border-bottom: solid 1px #d0e2ed;
color: #428bb7;
text-decoration: none
}
.searchResultBlock a:hover {
border-color: #71a8c9
}

/**/

.horizTabMenu {
float: left;
width: 200x
}
.horizTabMenu ul {
list-style: none
}
.horizTabMenu a {
border-color: #e5e5e5 !important;
color: #428bb7;
display: block;
font-weight: bold;
padding: 5px;
text-decoration: none;
width: 190px
}
.horizTabMenu a:hover {
border-color: #ccc !important;
color: #000
}
.horizTabMenu .tabOpen {
background: #e5e5e5 !important;
color: #000 !important
}
.horizTabView {
float: left;
width: 376px
}
.horizTabViewWindow {
border: solid 1px #e5e5e5;
font-size: 11px;
height: 400px;
line-height: 16px;
padding: 10px;
overflow: auto
}
.horizTabViewWindow h2 {
font-size: 14px;
line-height: 16px;
margin-bottom: 20px
}
.horizTabViewWindow p {
line-height: 17px;
margin-bottom: 20px
}
.horizTabViewWindow ul {
margin-left: 20px
}
.horizTabViewWindow ol {
list-style: decimal;
margin-left: 40px
}
.horizTabViewWindow li {
margin-bottom: 10px
}
.horizTabViewWindow table {
margin-bottom: 20px
}
.horizTabViewWindow td {
padding-right: 10px
}

/**/
/**/
/**/
/**/
/**/

.defaultBlock a,
.listBlock a,
.page_item a,
.postLinks a {
border-bottom: solid 1px #d0e2ed;
color: #428bb7;
text-decoration: none
}
.defaultBlock a:hover,
.listBlock a:hover,
.page_item a:hover,
.postLinks a:hover {
border-color: #71a8c9
}

/**/

.defaultBlock {
border-bottom: dashed 1px #e5e5e5;
margin-bottom: 20px
}
.defaultBlock h1 {
font-size: 14px;
line-height: 16px;
margin-bottom: 15px;
text-decoration: underline
}
.defaultBlock img.alignleft {
height: auto;
margin: 5px 20px 5px 0;
width: 150px
}
.defaultBlock img.alignright {
height: auto;
margin: 5px 0 5px 20px;
width: 150px
}
.defaultBlock p {
line-height: 17px;
margin-bottom: 20px
}
.defaultBlock table {
margin-bottom: 20px;
width: 100%
}
.defaultBlock th,
.defaultBlock td {
border: solid 1px #e5e5e5;
padding: 5px 10px;
vertical-align: top
}
.defaultBlock th {
background: #eee;
text-transform: uppercase
}

/**/

.listBlock {
line-height: 17px
}
.listBlock p {
border-left: solid 5px #e5e5e5;
margin-bottom: 10px;
padding-left: 10px
}
.listBlock a {
font-weight: bold
}


/**/

.scrollBlock {
border: solid 1px #e5e5e5;
height: 300px;
line-height: 16px;
margin-bottom: 20px;
padding: 10px;
overflow: auto
}

/**/

.alignleft {
float: left
}
.alignright {
float: right
}
.underline {
text-decoration: underline
}

/**/

.otherPosts {
background: #f5f5f5;
color: #428bb7;
clear: both;
display: block;
margin-bottom: 20px;
padding: 5px 10px
}
.prevPosts,
.nextPosts {
display: block;
float: left;
width: 250px
}
.nextPosts {
float: right !important;
text-align: right
}
.otherPosts a {
color: #428bb7;
text-decoration: none
}
.otherPosts a:hover {
color: #000
}

/**/

.siteMap h1 {
font-size: 18px;
line-height: 20px;
margin-bottom: 20px
}
.siteMap p {
border-left: solid 5px #e5e5e5;
line-height: 22px;
margin-bottom: 20px;
padding-left: 10px
}
.siteMap a {
border-bottom: solid 1px #d0e2ed;
color: #428bb7;
text-decoration: none
}
.siteMap a:hover {
border-color: #71a8c9
}

/**/