/*
Theme Name: Cornerstone Community Bank
Theme URI: http://www.cscbank.com/
Description: This theme was developed solely for use by the Cornerstone Community Bank website. Original design by David Benton... I think. CMS integration by Endi Media.
Version: 1.0
Author: Endi Media
Author URI: http://www.endimedia.com/
This theme was designed and built by Endi Media,
whose website you will find at http://www.endimedia.com/
The CSS, XHTML and design was created solely for use by
Cornerstone Community Bank and therefore should not
be used, copied, or distributed by any party other than
Cornerstone Community Bank or Endi Media.
*/
/*
Common
------------------------------------------------- */
* {
margin: 0; padding: 0; border: 0;
}
body { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; background: url(images/bg.gif) top left repeat #C4C4C4; padding-bottom: 25px;
}
h1, h2, h3, h4, h5, h6 {
/*font-weight: normal;*/
}
ul li { list-style-type: none; }
a, a:visited {
text-decoration: none; color: #81283F; }
a:hover {
text-decoration: underline; color: #555; }
.clear { clear: both; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.inline { display: inline; }
.big { font-size: 2em; font-weight: bold; }
.mt7 { margin-top: 7px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mb15 { margin-bottom: 15px; }
.pt5 { padding-top: 5px; }
.hidden { display: none; }
#alert { color: red; }
.dark { color: #333; }
#wrap { width: 772px; margin: 25px auto 0 auto; padding: 4px; background: #c4c4c4; }
#inner_wrap { width: 740px; padding: 15px 15px 10px 15px; background: #fff; border: 1px solid #B9B9BA; }
/*
top+nav
------------------------- */
#top { margin-bottom: 2px; padding-bottom: 6px; border-bottom: 10px solid #81283F; width: 740px; }
#top #logo_nav { }
#top #logo_nav #logo { width: 318px; float: left; }
#top #logo_nav #logo h1 { width: 318px; height: 74px; overflow: hidden; font-size: 10px; }
#top #logo_nav #logo h1 a { display: block; height: 74px; width: 318px; background: url(images/logo.jpg) top left no-repeat; overflow: hidden; }
#top #logo_nav #logo h1 a strong { display: none; }
#top #logo_nav #nav { width: 422px; float: left; padding-top: 55px; }
#top #logo_nav #nav p { text-align: right; font-size: 12px; }
/*
sidebar
------------------------- */
#content .col1 { float: left; width: 200px; }
#content .col1 ul#col1_nav { text-transform: uppercase; }
#content .col1 ul#col1_nav li { padding: 0; margin: 0; display: block; }
#content .col1 ul#col1_nav li a { padding: 5px 10px; border-bottom: 1px solid #fff; background: #444484; display: block; width: 180px; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; }
#content .col1 ul#col1_nav li a:hover,
#content .col1 ul#col1_nav li.current_page_item a { background: #141461; }
#content .col1 ul#col1_nav ul li a { display: inline !important; }
#content .col1 ul#col1_nav ul { background: #E8E8E8; padding: 10px 10px 15px 10px; }
#content .col1 ul#col1_nav ul ul { padding: 5px 0 1px 0; }
#content .col1 ul#col1_nav ul li { margin-bottom: 4px; text-transform: capitalize; padding: 0 0 0 15px !important; background: url(images/bullet_darkarrow.gif) 0px 4px no-repeat; }
#content .col1 ul#col1_nav ul li.current_page_item a { color: #333 !important; font-size: 12px !important; font-weight: normal !important; text-decoration: underline !important; }
#content .col1 ul#col1_nav ul li a { padding: 0 0 0 0 !important; background: none !important; border: none !important; color: #81283F !important; font-size: 12px !important; font-weight: normal !important; text-decoration: none !important; }
#content .col1 ul#col1_nav ul li a:hover,
#content .col1 ul#col1_nav ul li.current_page_item a { color: #333 !important; text-decoration: underline !important; }
#content .col1 ul#col1_nav ul ul li { padding: 0 0 0 15px !important; }
#content .col1 ul#col1_nav ul ul li.current_page_item a { color: #333 !important; font-size: 12px !important; font-weight: normal !important; text-decoration: underline !important; }
#content .col1 ul#col1_nav ul ul li a, #content .col1 ul#col1_nav ul li.current_page_item ul li a { padding: 0 0 0 0 !important; background: none !important; border: none !important; color: #81283F !important; font-size: 12px !important; font-weight: normal !important; text-decoration: none !important; }
#content .col1 ul#col1_nav ul li ul li a:hover,
#content .col1 ul#col1_nav ul li ul li.current_page_item a { color: #333 !important; text-decoration: underline !important; }
/*
#content .col1 ul#col1_nav ul ul li a,
#content .col1 ul#col1_nav ul ul li a:visited { padding-left: 0px; background: none; }
#content .col1 ul#col1_nav ul ul li a:hover,
#content .col1 ul#col1_nav ul ul li a.on { padding-left: 0px; background: none; }
*/
#content .col1 a#online_banking_banner { display: block; background: url(images/online_banking_banner.jpg) top left no-repeat; width: 200px; height: 96px; overflow: hidden; }
#content .col1 a#online_banking_banner strong { display: none; }
#content .col1 p#fingertip_banking { height: 70px; overflow: hidden; background: url(images/fingertip_banking.jpg) top left no-repeat; border-top: 1px solid #fff; }
#content .col1 p#fingertip_banking span { display: none; }
/*
content
------------------------- */
#content { background: #E8E8E8; width: 740px; }
#content .col2 { float: left; width: 510px; margin: 4px 0 4px 4px; padding: 10px; border: 1px solid #c4c4c4; background: #fff; }
#content .col2 .post { }
#content .col2 .post h2 { color: #81283f; margin-bottom: 10px; }
#content .col2 .post .entry h3 { color: #333; margin-bottom: 10px; padding-top: 10px; }
#content .col2 .post .entry p { font-size: 12px; line-height: 1.5em; margin-bottom: 10px; }
#content .col2 .post .entry p.java { width: 510px; overflow: auto; }
/*
#content .col2 .headlines { }
#content .col2 .headlines h3 { margin-bottom: 10px; padding-top: 10px; font-size: 22px; }
#content .col2 .headlines ul li { padding-bottom: 10px; font-size: 12px; }
#content .col2 .headlines ul li span { background: #f1f1f1; padding: 2px 5px; }
*/
#content .col2 .headlines { }
#content .col2 .headlines h3 { margin-bottom: 10px; padding-top: 10px; font-size: 12px; font-weight: bold; }
#content .col2 .headlines ul li { margin-bottom: 10px; font-size: 12px; width: 510px; background: url(images/headline_bg.jpg) top left repeat-y; }
#content .col2 .headlines ul li p.hl_date { width: 70px; text-align: center; padding: 5px 6px 5px 5px; float: left; }
#content .col2 .headlines ul li p.hl_date .hl_month { display: block; text-align: center; font-size: 11px; color: #808080; text-transform: uppercase; }
#content .col2 .headlines ul li p.hl_date .hl_day { display: block; text-align: center; font-size: 16px; color: #808080; font-weight: bold; position: relative; top: -4px; }
#content .col2 .headlines ul li p.hl_content { width: 384px; text-align: left; padding: 5px 30px 5px 15px; float: left; }
#content .col2 .headlines ul li span { }
#content .col2 .headlines ul li span a { color: #555; text-decoration: underline; }
#content .col2 .headlines ul li span a:hover { color: #81283F; text-decoration: underline; }
#content .col2 .inv_headlines { }
#content .col2 .inv_headlines h3 { margin-bottom: 10px; padding-top: 10px; font-size: 22px; }
#content .col2 .inv_headlines ul li { padding-bottom: 15px; font-size: 12px; padding-left: 15px; background: url(images/bullet_redarrow.gif) 0px 4px no-repeat; }
#content .col2 .inv_headlines ul li span { }
#content .col2 .inv_headlines ul li span a { color: #555; text-decoration: underline; }
#content .col2 .inv_headlines ul li span a:hover { color: #81283F; text-decoration: underline; }
/*
contact form
------------------------- */
input.text { width: 350px; padding: 4px 2px; color: #444; border: 1px solid #cecece; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #e4e4e4; font-size: 13px; font-family: arial, sans-serif; }
textarea.textarea { width: 400px; height: 100px; padding: 4px 2px; color: #444; border: 1px solid #cecece; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #e4e4e4; font-size: 13px; font-family: arial, sans-serif; }
#contact_form_div { padding-top: 20px; }
#contact_form_div p {}
#contact_form_div p.alert { background: #81283f; color: #fff; margin-top: 15px; padding: 8px 10px;}
#contact_form_div p label.full { display: block; margin: 15px 0 5px 0; }
#contact_form_div p#submit { margin-top: 15px; }
#contact_form_div p#submit input { border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; background: url(images/submit_bg.gif) bottom left repeat-x #fff; padding: 7px 15px; font-size: 13px; font-famliy: arial, sans-serif; }
/*
foot
------------------------- */
#foot { border-top: 3px solid #fff; background: url(images/foot_bg.jpg) top right no-repeat; padding-top: 15px; }
#foot p { color: #808080; line-height: 1.5em; font-size: 11px; }
#foot p.f1 { width: 200px; float: left; text-align: left; }
#foot p.f2 { width: 360px; float: left; text-align: left; }
#foot p.f3 { width: 145px; float: left; text-align: right; }
#foot p.f4 { width: 35px; float: left; text-align: right; background: url(images/eho_logo.jpg) 13px 5px no-repeat; min-height: 30px; }
/*
other
------------------------- */
/* Begin Tables */
.entry table {
font-size: 12px;
}
.entry table td {
font-size: 12px;
line-height: 1.5em;
}
/* End Tables */
/* Begin Headings */
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 4em; }
h2 { font-size: 2.8em; }
h2.pagetitle { font-size: 2.8em; }
h3 { font-size: 2.3em; }
/* End Headings */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 10px 10px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* Begin Lists */
.entry ul {
margin-left: 10px;
/*padding: 0;*/
list-style: none;
/*padding-left: 10px;
text-indent: -10px;*/
font-size: 12px;
}
.entry ul li {
margin: 7px 0 8px 0;
padding-left: 10px;
background: url(images/bullet_redarrow.gif) 0px 4px no-repeat;
}
/*.entry ul li:before {
content: "\00BB \0020";
}*/
.entry ol {
padding: 0 0 0 35px;
margin: 0;
font-size: 12px;
}
.entry ol li {
margin: 7px 0 8px 0;
/*padding: 0;*/
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
ol li {
list-style: decimal outside;
}
ol ul li {
list-style: none;
}
/* End Entry Lists */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 10px 30px 0 10px;
padding-left: 20px;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
/* End Various Tags & Classes*/