/*
Theme Name: SCVO Theme
Description: A test theme for development.
Version: 1.0
Author: Paul Lacey
*/

/* CSS Document */

.hidden { display: none; }
.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both; }

img {
border: none;
}

body {
background-color: #ebebeb;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #333;
}

#wrapper {
width: 806px;
background: url(images/wrapper-bg.jpg) #fff repeat-y;
padding: 0;
margin: 0 auto;
}

#header {
display: block;
margin: 0 auto;
padding: 20px 0 0 0;
width: 735px;
height: 92px;
background:url(images/header-logo.gif) #fff no-repeat 0 30px;
}

#header h1 {
padding: 0;
margin: 0;
}

#header h1 a {
display: block;
float: left;
height: 72px;
width: 240px;
margin-top: 10px;
}

#header span {
display: none;
}

#header ul {
float: right;
font-size: 0.7em;
padding: 0;
margin: 0;
list-style: none;
}

#header ul li {
padding: 0;
margin: 0;
float: left;	
}

#header ul li a.text {
margin: 0 0 0 10px;
}

#header ul li a {
display: block;
height: 14px;
text-decoration: none;
color: #333;
padding: 0 0 0 18px;
margin: 0 10px 0 0;
float: left;
}

#header ul li a:hover {
text-decoration: underline;
color: #EB3499;
}

#header ul li a.rss {
background: url(images/header-icon-rss.gif) #fff no-repeat 0 0;
}

#header ul li a.print {
background: url(images/header-icon-print.gif) #fff no-repeat 0 0;
}

#header ul li a.text {
background: url(images/header-icon-text.gif) #fff no-repeat 0 0;
}

#banner {
margin: 10px auto;
width: 735px;
height: 100px;
background: url(images/banner.jpg) #fff no-repeat;
}

#nav-primary {
width: 735px;
height: 35px;
margin: 0 auto;
padding: 0;
background: url(images/nav-primary-bg.gif) #fff no-repeat;
}

#nav-primary ul {
padding: 3px 0 0 5px;
margin: 0;
list-style: none;
font-size: 0.8em;
}

#nav-primary ul li {
padding: 0;
margin: 0 1px 0 1px;
float: left;
}

#nav-primary ul li.nav-primary-end {
padding: 0;
margin: 0;
float: left;
}

#nav-primary ul li a {
color: #fff;
text-decoration: none;
display: block;
height: 26px;
float: left;
padding: 6px 6px 0 0;
}

#nav-primary ul li a:hover, #nav-primary ul li.current_page_item a {
color: #0099cc;
text-decoration: none;
display: block;
height: 26px;
float: left;
padding: 6px 6px 0 0;
background: url(images/nav-primary-curve-right.gif) right no-repeat #fff;
}

#nav-primary ul li a span.curve-left {
display: block;
float: left;
height: 32px;
width: 8px;
background-color: transparent;
padding: 0 0 0 0;
margin: -6px 0 0 0;
}

#nav-primary ul li a:hover span.curve-left, #nav-primary ul li.current_page_item a span.curve-left {
display: block;
float: left;
height: 32px;
width: 8px;
background: url(images/nav-primary-curve-left.gif) no-repeat transparent;
padding: 0 0 0 0;
margin: -6px 0 0 0;
}

#bct {
width: 735px;
margin: 0 auto;
padding: 18px 0 15px 0;
}

#bct p {
margin: 0;
padding: 0;
font-size: 0.7em;
}

#bct p a {
color: #EB3499;
text-decoration: none;
}

#bct p a:hover {
color: #EB3499;
text-decoration: underline;
}

#content-wrapper {
width: 735px;
margin: 0 auto;
padding: 0 0 10px 0;
background: url(images/content-bg.gif) repeat-y;
}

#editorial {
width: 525px;
float: left;
}

.editorial-bg {
margin: 15px 0 0 0;
background: url(images/editorial-bg.jpg) no-repeat #fff;
padding: 1px 15px 0 15px;
min-height: 208px;
}

#editorial h2 {
font-size: 1.1em;
font-weight: normal;
margin: 0;
padding: 0;
}

#editorial h3 {
font-weight: normal;
font-size: 0.95em;
padding: 0 0 0 0;
margin: 0;
}

#editorial h3 span.posted {
color: #0099cc;
font-size: 0.7em;
display: block;
margin-bottom: 0;
margin-top: 5px;
}

#editorial p {
line-height: 1.5em;
font-size: 0.9em;
}

#editorial p em {
color: #0099cc;
}

#editorial p a, #editorial h3 a {
color: #EB3499;
text-decoration: none;
}

#editorial p a:hover, #editorial h3 a:hover {
color: #EB3499;
text-decoration: underline;
}

#editorial ul li a {
color: #EB3499;
text-decoration: none;
}

#editorial ul li a:hover {
color: #EB3499;
text-decoration: underline;
}

#editorial ul {
font-size: 0.9em;
line-height: 1.5em;
padding: 0 30px;
margin: 0 0 0 0;
}

#editorial ul li {
padding: 0;
margin: 0;
}

#listings h3 {
padding: 0 0 5px 0;
margin: 10px 0 0 0;
}

#listings p {
padding: 0;
margin: 0 0 0 0;
}

#listings span.more-link {
display: block;
padding: 0 0 5px 0;
margin: 0 0 0 0;
}

#sidebar {
width: 177px;
float: right;
margin: 0;
padding: 0 0 0 20px;
}

#sidebar .sidebar-block {
padding: 0 0 5px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #ccc;
}

#sidebar h3 {
font-size: 0.9em;
font-weight: normal;
margin: 0;
padding: 0;
color: #0099cc;
}

#sidebar p {
line-height: 1.4em;
font-size: 0.75em;
}

#sidebar p a {
color: #EB3499;
text-decoration: none;
}

#sidebar p a:hover {
color: #EB3499;
text-decoration: underline;
}

#subnav ul {
padding: 0;
margin: 10px 0;
list-style: none;
font-size: 0.9em;
}

#subnav ul li {
margin: 0 0 3px 0;
padding: 0;
}

#subnav ul li.page_item a, #subnav ul li a {
color: #333;
text-decoration: none;
width: 130px;
display: block;
margin: 0;
padding: 3px 0 3px 30px;
background: url(images/sidebar-li-a-bg.gif) no-repeat #fff 10px 6px;
}

#subnav ul li a:hover, #sidebar ul li.current_page_item a {
color: #EB3499;
text-decoration: none;
width: 130px;
display: block;
background: url(images/sidebar-li-a-bg.gif) no-repeat #efefef 10px 6px;
}

#subnav ul li ul {
width: 130px;
padding: 0;
margin: 0 0 3px 30px;
}

#subnav ul li ul li {
margin: 3px 0 3px 0;
padding: 0;
}

#subnav ul li ul li.page_item a {
border-bottom: 1px solid #efefef;
color: #333;
text-decoration: none;
padding: 5px 0 5px 0;
/*margin: 3px 0 3px 30px;*/
background-image: none;
background-color: #fff;
margin: 0;
width: 130px;
}

#subnav ul li ul li a:hover, #subnav ul li ul li.current_page_item a {
border-bottom: 1px solid #efefef;
color: #EB3499;
text-decoration: underline;
padding: 5px 0 5px 0;
/*margin: 3px 0 3px 30px;*/
background-image: none;
background-color: #fff;
margin: 0;
}

#sidebar form {
padding: 0;
margin: 0 0 10px 0;
}

#sidebar form input.text {
border: 1px solid #ccc;
width: 95px;
padding: 3px;
}

#sidebar form input.submit {
padding: 3px;
}

#events-block h3 {
margin-bottom: 15px;
}

#events-block ul {
padding: 0;
margin: 0 0 15px 0;
list-style: none;
}

#events-block ul li {
font-size: 0.8em;
padding: 0;
margin: 0;
color: #333;
}

#events-block ul li a {
display: block;
margin-top: 3px;
color: #EB3499;
text-decoration: none;
}

#events-block ul li a:hover {
color: #EB3499;
text-decoration: underline;
}

#footer-wrapper {
width: 735px;
margin: 0 auto;
margin-top: 20px;
padding: 10px 0 0 0;
border-top: 1px solid #ccc;
}

#footer {
width: 525px;
float: left;
font-size: 0.7em;
}

#validation {
width: 190px;
float: right;
margin: 0;
padding: 10px 0 0 0;
font-size: 0.7em;
}

#validation ul {
list-style: none;
padding: 0;
margin: 0;
}

#validation ul li {
margin: 0;
padding: 0 0 10px 5px;
float: right;
}

#validation ul li a.xhtml {
background-color: #fff;
margin: 0;
padding: 0;
width: 80px;
height: 15px;
display: block;
background-image: url(images/valid-xhtml.gif);
background-repeat: no-repeat;
}

#validation ul li a.css{
background-color: #fff;
margin: 0;
padding: 0;
width: 80px;
height: 15px;
display: block;
background-image: url(images/valid-css.gif);
background-repeat: no-repeat;
}


#validation ul li a.aa{
background-color: #fff;
margin: 0;
padding: 0;
width: 80px;
height: 15px;
display: block;
background-image:url(images/aa.gif);
background-repeat: no-repeat;
}

#validation ul li a.wp{
background-color: #fff;
margin: 0;
padding: 0;
width: 80px;
height: 15px;
display: block;
background-image:url(images/badge-wordpress.gif);
background-repeat: no-repeat;
}

#validation ul li a span {
display: none;
}




.hr-dotted {
height: 1px;
border-top: 1px solid #efefef;
margin: 5px 0 10px 0;
}

#editorial form input {
display: block;
float: none;
}

#editorial form label {
display: none;
float: none;
}

#editorial div.label {
display: block;
}

.credits {
display: none;
}

#commentform textarea {
width: 460px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
}

#commentform input {
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
}

#commentform input.textinput {
width: 280px;
}

.subnav ul {
padding: 0;
margin: 10px 0;
list-style: none;
font-size: 0.9em;
}

.subnav ul li {
margin: 0 0 3px 0;
padding: 0;
}

.subnav ul li.page_item a, .subnav ul li a {
color: #333;
text-decoration: none;
width: 130px;
display: block;
margin: 0;
padding: 3px 0 3px 30px;
background: url(images/sidebar-li-a-bg.gif) no-repeat #fff 10px 6px;
}

.subnav ul li a:hover, .sidebar ul li.current_page_item a {
color: #EB3499;
text-decoration: none;
width: 130px;
display: block;
background: url(images/sidebar-li-a-bg.gif) no-repeat #efefef 10px 6px;
}

.subnav ul li ul {
width: 130px;
padding: 0;
margin: 0 0 3px 30px;
}

.subnav ul li ul li {
margin: 3px 0 3px 0;
padding: 0;
}

.subnav ul li ul li.page_item a {
border-bottom: 1px solid #efefef;
color: #333;
text-decoration: none;
padding: 5px 0 5px 0;
/*margin: 3px 0 3px 30px;*/
background-image: none;
background-color: #fff;
margin: 0;
width: 130px;
}

.subnav ul li ul li a:hover, .subnav ul li ul li.current_page_item a {
border-bottom: 1px solid #efefef;
color: #EB3499;
text-decoration: underline;
padding: 5px 0 5px 0;
/*margin: 3px 0 3px 30px;*/
background-image: none;
background-color: #fff;
margin: 0;
}

#commentlist li{
border: 1px solid #efefef;
padding: 0 15px;
margin: 0 0 15px 0;
}

#commentlist li.grey{
background: #efefef;
border: 1px solid #efefef;
padding: 0 15px;
margin: 0 0 15px 0;
}