/*  
Theme Name: SCCF
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

body {
background:url(./images/backrepeat.jpg) repeat-x top left #8ec0fe;
text-align:center;
font-family:Verdana, Arial, 'Sans Serif';
font-size:12px;
color:#333;
}

#container {
background:url(./images/back.jpg) no-repeat top left transparent;
}

#containerfooter {
background: url(./images/footer.png) repeat-x bottom center transparent;
}

h1, h2, h3, h4, h5, p, ul, ol, blockquote, q {
margin:0 0 30px 0;
}

.alignleft, .thumb {
float:left;
display:block;
margin:0 20px 20px 0;
}

.alignright, .avatar {
float:right;
display:block;
margin:0 0 20px 20px;
}

a {
color: #005ca5;
text-decoration:none;
}

a:hover {
color: #1d305e;
}

.entry a {
text-decoration: underline;
}

h1 {
font-size:25px;
font-weight:bold;
}

h2 {
color:#005ca5;
font-size:26px;
font-weight:normal;
border-bottom:1px dotted #bfbfbf;
padding:0 0 15px 0;
font-family: Helvetica, Arial;
}

h3 {
color:#005ca5;
font-size:18px;
font-weight:normal;
font-family: Helvetica, Arial;
}

h4 {
font-size:15px;
font-weight:normal;
font-family: Helvetica, Arial;
}

p, ul, ol {
line-height:19px;
}

ul ul, ol ul {
margin:0px;
}

small {
font-size:11px;
display:block;
}

.clear {
clear:both;
}


#page {
width:960px;
display: block;
overflow: hidden;
margin:auto;
text-align: left;
}

#header {
width:960px;
height:82px;
display: block;
position:relative;
overflow: hidden;
margin: 0px;
}

#header h1 {
display:block;
position:absolute;
top:30px;
left:15px;
margin:0px;
}

#header .right {
float:right;
display:block;
margin:45px 0 0 0;
}

#header .right ul {
float:left;
display:block;
margin:4px 0 0 0;
}

#header .right ul li {
float:left;
display:block;
margin:0 20px 0 0;
padding:0 20px 0 0;
border-right:1px solid #f68b3d;
}

#header .contact_us a {
text-indent:-9999px;
width:66px;
height:13px;
float:left;
display:block;
background: url(./images/menu_contactus.png) no-repeat;
}

#header .contact_us a:hover {
background: url(./images/menu_contactus_hover.png) no-repeat left 1px;
}

#header .find_us a {
text-indent:-9999px;
width:45px;
height:13px;
float:left;
display:block;
background: url(./images/menu_findus.png) no-repeat;
}

#header .find_us a:hover {
background: url(./images/menu_findus_hover.png) no-repeat left 1px;
}

#header .searchform {
float:left;
display:block;
}

#header .searchform #s {
padding:2px 5px;
border:1px solid #afafaf;
height:14px;
line-height:14px;
color:#afafaf;
font-size:12px;
width:150px;
float:left;
display:block;
}

#header .searchform #searchsubmit {
width:24px;
height:20px;
display:block;
margin:0 0 0 3px;
float:left;
background: url(./images/search.jpg) no-repeat;
border: none;
cursor: pointer;
}

#header .searchform #searchsubmit:hover {
background: url(./images/searchhover.jpg) no-repeat;
}

#menulinks {
width:960px;
height:29px;
background: url(images/menulinks.jpg) no-repeat top left;
margin:0 0 0 0;
display: block;
z-index:1000;
position:relative;
clear: both;
}

ul#nav {
display:block;
margin:0px;
}

ul#nav li {
height:29px;
float:left;
display:block;
background: url(./images/menuline.png) repeat-y top right;
padding:0 2px 0 0;
position:relative;
}

ul#nav li:last-child {
background-image: none;
padding-right:0px;
}

ul#nav li a {
height:29px;
line-height:27px;
float:left;
display:block;
padding:0 24px;
color: #FFF;
text-shadow: #034288 1px 1px;
font-size:13px;
}

ul#nav li a:hover {
background:url(./images/menuhover.png) no-repeat bottom center;
}

ul#nav ul {
display: none;
top:29px;
background:#F93;
left:-1px;
width:200px;
position:absolute;
z-index: 2000;
}

ul#nav ul li {
float:none;
background: none;
padding:0px;
width:200px;
display: block;
clear:both;
border-bottom:1px solid #f93;
}

ul#nav ul li a {
width:148px;
display:block;
float:none;
clear:both;
padding:0 26px;
}

ul#nav ul li a:hover {
background: none #0362b6;
}

ul#nav ul ul {
left:200px;
top:0px;
}

#nobanner {
width:960px;
height:10px;
display:block;
overflow:hidden;
background: url(./images/mainarea.png) no-repeat top left;
}

#banner {
width:960px;
padding-bottom:0px; /* increase or decrease blue space before main text */
display:block;
overflow:hidden;
background: url(./images/mainarea.png) no-repeat bottom left;
}

#banner .widgets {
width:980px;
display:block;
position:relative;
}

#banner .widgetwide {
display:block;
position:relative;
}

#banner .widget {
display:block;
float:left;
width:325px;
position:relative;
}

#banner .widget a.arrow {
background: url(./images/bannerarrow.png) no-repeat top right;
padding:0 30px 0 10px;
display:block;
position:absolute;
bottom:10px;
left:0px;
color:#FFF;
height:24px;
line-height:24px;
}

#banner .widget a.arrow:hover {
background: url(./images/bannerarrow_hover.png) no-repeat top right;
}

#mainarea {
background:url(./images/mainareabottom.jpg) no-repeat bottom left #FFF;
display:block;
overflow: hidden;
}

#mainarea .widget {
padding:20px;
}

#mainarea .widget h4 {
color:#005ca5;
padding:0 0 15px 0;
font-size:26px;
font-weight:normal;
border-bottom:1px dotted #bfbfbf;
font-family: Helvetica, Arial;
}

#mainarea .textwidget {
font-size:14px;
line-height:150%;
}

#widearea {
padding:10px 10px 10px 10px
}

#contentarea {
width:620px;
padding:0 0 0 20px;
float: left;
display: block;
}

.post {
display: block;
overflow: hidden;
margin:0 0 40px 0;
}

#postslist {
display: block;
overflow: hidden;
}

#postslist .post {
margin:0 0 40px 0;
display:block;
}

.post .postit {
background: url(./images/postit.png) no-repeat;
width:79px;
height:77px;
display:block;
float:left;
margin:0 0 0 0;
font-size:20px;
color:#0e5c9c;
text-align: center;
padding-top:10px;
line-height:24px;
}

.post .title {
border-bottom:1px dotted #bfbfbf;
margin:0 0 5px 0;
height:30px;
}

.post .title h3 {
float:left;
display: block;
margin:5px 0 0 0;
}

.post .title h3 a { text-decoration: none; }

.post .title p.date {
background: #0e5c9c;
color:#FFF;
display: block;
padding:0 5px 0 35px;
height:20px;
line-height:20px;
float:right;
margin: 0px;
}

.post .entry {
display:block;
float:right;
width:520px;
}

.post .entrywide {
display:block;
float:left;
}

.comments {
margin:0 0 0 100px;
display: block;
}

ol.commentlist {

}

ol.commentlist li {
border-bottom:1px dotted #CCC;
margin:0 0 30px 0;
padding:0 0 30px 0;
}

ol.commentlist li h4, ol.commentlist li p {
margin:0 0 10px 0;
}

.navigation {
height:30px;
display: block;
}

#sidebar {
width:200px;
padding:0 60px 0 0;
float: right;
display: block;
}

#sidebar .widget {
display: block;
margin:0 0 20px 0;
overflow: hidden;
}

#sidebar .widget h4 {
color: #999999;
padding:0 0 2px 0;
border-bottom:1px solid #ccdddd;
margin:0 0 10px 0;
font-size: 16px;
}

#v1nav {
width:960px;
margin:20px 0px;
display:block;
overflow:hidden;
background: url(./images/mainarea.png) no-repeat top left;
}

#bottom_nav {
display: block;
margin: 5px 0px;
background:url(./images/mainareabottom.jpg) no-repeat bottom left #FFF;
}

.bottom_nav_panel {
width:183px;
float:left;
margin:7px 0 10px 6px;
text-align:center;
}

.bottom_nav_panel p {
font-size:9px;
margin:0px;
}

#footer {
display: block;
width:960px;
height: 245px;
margin-left:auto;
margin-right:auto;
text-align: center;
position:relative;
overflow: hidden;
}

#footer ul#footerlinks {
position:absolute;
top:160px;
height:60px;
margin: 0px;
left:15px;
}

#footer ul#footerlinks li {
display: block;
float:left;
height:60px;
font-size:13px;
background: url(./images/footerrootes.png) no-repeat top right;
padding:0 34px 0 9px;
}

#footer ul#footerlinks li a {
color: #FFF;
margin-top:7px;
display: block;
text-shadow:#431e05 1px 1px;
float:left;
}

#footer ul#footerlinks li a:hover {
color: #CCC;
}

#footer p {
position:absolute;
top:220px;
width:100%;
left:0px;
display:block;
margin:0px;
font-size:12px;
font-family: "Myriad Pro", Verdana, Arial;
color:#FFF;
}

#footer p span {
font-size:14px;
}

#footer p span.line {
color: #ff8037;
}