/*
Theme Name: OPOA
Theme URI: 
Description: 
Version: 
Author: C3i3 Interactive
Author URI: http://www.c3i3.com
Tags: 
*/

body {
background: #5D5D5D url(images/background.jpg) 50% 0 no-repeat;
font-family: Arial;
font-size: 12px;
color: #333333;
margin: 0;
padding: 0;
}

h1, h2, h3, p, ul {
margin: 0;
padding: 0;
}

li {
list-style: none;
margin: 0;
padding: 0;
}

a {
color: #0000FF;
text-decoration: none;
}

img {
border: none;
}

.clearfix {
clear: both;
}

#page {
background: url(images/page_bg.png) 50% 100px no-repeat;
width: 980px;
margin: 0 auto;
padding: 0 21px;
}

#header {
background: url(images/header_bg.png) 350px 27px no-repeat;
height: 110px;
}

#header .logo {
float: left;
width: 236px;
height: 55px;
margin-top: 35px;
}

#header .logo a {
outline: none;
}

#header .toplinks {
float: right;
background: url(images/toplinks_bg.png) 0 0 no-repeat;
font-family: Verdana;
font-size: 10px;
text-align: right;
min-width: 440px;
height: 18px;
margin-bottom: 10px;
padding-top: 4px;
}

#header .toplinks a {
color: #CCCCCC;
}

#header .toplinks a:hover {
color: #FFFFFF;
}

.search {
background: #FFFFFF;
color: #666666;
font-family: Verdana;
font-size: 10px;
line-height: 19px;
height: 21px;
margin-bottom: 15px;
padding-left: 5px;
}

#header .search {
float: right;
clear: right;
width: 225px;
}

#content .main .search {
border: 10px solid #666666;
width: 300px;
margin: 0 auto;
}

.search input {
border: none;
background: #FFFFFF;
color: #333333;
font-family: Verdana;
font-size: 10px;
width: 150px;
height: 16px;
margin: 0 0 0 5px;
padding: 2px 0 0;
}

#header .search input {
width: 150px;
}

.sidebarleft .search input {
width: 110px;
}

.search input.submit, #header .search input.submit {
float: right;
width: 9px;
height: 15px;
padding: 3px;
}

#header .nav {
float: right;
clear: right;
background: #4F4F4F url(images/nav_bg.png) 0 0 no-repeat;
width: 660px;
height: 39px;
padding: 3px 0 0 20px;
}

#header .nav ul {
background: url(images/nav_shadow.png) 100% 7px no-repeat;
width: 660px;
height: 39px;
}

#header .nav li {
float: left;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
height: 32px;
padding-top: 7px;
}

#header .nav li.current_page_parent, #header .nav li.current_page_item {
background: url(images/menu_current.png) 0 100% repeat-x;
}

#header .nav li.current_page_parent a, #header .nav li.current_page_item a {
color: #FFFFFF;
}

#header .nav li a {
display: block;
color: #CCCCCC;
height: 26px;
padding: 5px 18px 0;
outline: none;
}

#header .nav li a:hover {
color: #FFFFFF;
}

.banner {
clear: both;
width: 980px;
margin-bottom: 5px;
}

.banner_home {
background: url(images/banner_home2.jpg) 0 0 no-repeat;
width: 980px;
height: 400px;
}

#content {
float: left;
border: 2px solid #FFFFFF;
background: #FFFFFF url(images/content_bg.jpg) 0 0 repeat-x;
width: 960px;
padding: 0 8px 20px;
}

.contenthome {
background-image: url(images/contenthome_bg.jpg) !important;
background-position: 0 100% !important;
padding-bottom: 8px !important;
}

.breadcrumbs {
color: #274A9C;
font-size: 10px;
padding-top: 2px;
}

.breadcrumbs a {
color: #274A9C;
}

.breadcrumbs a:hover {
text-decoration: underline;
}

.column1 {
float: left;
width: 310px;
margin-right: 15px;
}

.column2 {
float: left;
width: 310px;
margin-right: 15px;
}

.column3 {
float: left;
width: 310px;
}

h2 {
font-size: 19px;
font-weight: normal;
height: 18px;
margin: 10px 0 10px;
}

#content .box {
border: 1px solid #E8E8E8;
background: #FFFFFF;
width: 280px;
height: 312px;
padding: 14px;
}

#content .box .date {
float: left;
color: #0066FF;
width: 60px;
margin-right: 10px;
}

#content .box .excerpt {
float: left;
color: #333333;
width: 210px;
}

#content .box2 {
border: 1px solid #E8E8E8;
background: #FFFFFF;
width: 280px;
height: 122px;
padding: 14px;
}

#content .box a, #content .box2 a {
display: block;
}

#content .box2 a {
color: #333333;
}

#content .box2 img {
float: left;
border: 1px solid #999999;
margin: 0 10px 15px 0;
}

#content .box p, #content .box2 p {
margin-bottom: 15px;
}

#content .box2 .photo {
float: left;
width: 172px;
margin: 0 10px 0 -5px;
}

#content .box2 .description {
float: left;
width: 102px;
}

#content .box2 .description a.more {
display: inline;
color: #0000FF;
}

#content .sidebarleft {
float: left;
background: url(images/sidebar_left.png) 100% 0 no-repeat;
width: 195px;
min-height: 330px;
padding: 10px 15px 0 0;
}

#content .sidebarleft ul {
margin-bottom: 10px;
}

#content .sidebarleft li {
margin-bottom: 5px;
padding-left: 10px;
}

#content .sidebarleft li.current_page_item {
background: url(images/arrow_blue.png) 0 2px no-repeat;
font-weight: bold;
}

#content .sidebarleft li ul {
padding-top: 5px;
}

#content .sidebarleft li.current_page_item ul li {
font-weight: normal;
}

#content .sidebarleft li ul li.current_page_item {
background: url(images/arrow_blue.png) 0 2px no-repeat;
font-weight: bold;
}

#content .sidebarleft a {
color: #0000FF;
}

#content .sidebarleft select {
border: 1px solid #666666;
bacgkround: #FFFFFF;
color: #333333;
font-family: Verdana;
font-size: 10px;
padding: 1px;
}

#content .main {
float: left;
font-family: Verdana;
width: 490px;
min-height: 386px;
padding: 10px 0 0 20px;
}

#content .wide {
width: 710px !important;
min-height: 542px;
padding-bottom: 40px;
}

#content .main h1 {
font-size: 22px;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 10px;
}

#content .main h2 {
border-bottom: 1px dotted #999999;
color: #003399;
font-size: 16px;
height: auto;
margin-bottom: 10px;
padding-bottom: 5px;
}

#content .main h3 {
color: #003399;
font-size: 12px;
margin-bottom: 10px;
}

#content .main a {
color: #006699;
}

#content .main p {
line-height: 15px;
margin-bottom: 15px;
}

#content .main p a:hover {
text-decoration: underline;
}

#content .main .border {
border-top: 1px dotted #999999;
margin: 10px 0;
}

#content .main h2 .date {
float: right;
font-size: 12px;
color: #0066FF;
padding-top: 2px;
}

#content .main .post {
clear: both;
min-width: 335px;
max-width: 480px;
margin-bottom: 5px;
}

#content .main .post2 {
float: left;
width: 335px;
margin: 0 20px 10px 0;
}

#content .main .post-top {
background: url(images/post_top.png) 0 0 no-repeat;
min-width: 335px;
max-width: 480px;
height: 10px;
}

#content .main .post-top span {
display: block;
background: url(images/post_top_r.png) 100% 0 no-repeat;
height: 10px;
margin-right: -10px;
}

#content .main .post-container {
background: url(images/post_container.png) 0 0 repeat-y;
min-width: 335px;
max-width: 480px;
}

#content .main .post-container span {
display: block;
background: url(images/post_container_r.png) 100% 0 repeat-y;
height: 100%;
position: relative;
left: 10px;
}

#content .main .post-body {
background: url(images/post_body.png) 0 0 repeat-x;
min-height: 100px;
margin: 0 2px 0 -8px;
padding: 0 10px;
}

#content .main .photo {
float: left;
background: url(images/photo_bg.png) 100% 50% no-repeat;
width: 140px;
height: 100px;
margin-right: 10px;
padding-right: 15px;
}

#content .main .photo img {
border: 6px solid #BABABA;
border-top-width: 5px;
border-bottom-width: 5px;
background: #FFFFFF;
}

#content .main .post-body .text {
float: left;
width: 300px;
margin-bottom: 10px;
}

#content .main .post2 .post-body .text {
width: 150px;
}

#content .main .post-body .text h3 {
border-bottom: 1px dotted #999999;
font-size: 17px;
font-weight: normal;
margin: 0 0 5px -10px;
padding: 0 0 5px 10px;
}

#content .main .post-body .text h3 a {
color: #003399;
}

#content .main .post-body .text .email {
border-bottom: 1px dotted #999999;
margin-left: -10px;
padding: 0 0 5px 10px;
}

#content .main .post-body .text .price {
float: right;
color: #FF0000;
padding-left: 10px;s
}

#content .main .post-body .text p a {
color: #006699;
}

#content .main .post-bottom {
clear: both;
background: url(images/post_bottom.png) 0 0 no-repeat;
min-width: 335px;
max-width: 480px;
height: 10px;
}

#content .main .post-bottom span {
display: block;
background: url(images/post_bottom_r.png) 100% 0 no-repeat;
height: 10px;
margin-right: -10px;
}

#content .main .single-post .email {
border-bottom: 1px dotted #999999;
padding-bottom: 5px;
margin-bottom: 10px;
}

#content .main .single-post .photo {
clear: left;
}

#content .main .thumb {
float: left;
text-align: center;
width: 140px;
min-height: 30px;
margin: 0 10px 10px;
}

#content .main .thumb img {
border: 6px solid #5D5D5D;
border-left-width: 5px;
border-right-width: 5px;
}

#content .main .navigation {
clear: both;
}

#content .main .entry {
clear: both;
border-bottom: 1px dotted #999999;
margin-bottom: 10px;
}

#content .bwbps_gallery_div li:hover a {
color: #FFFFFF;
text-decoration: none;
}

#content .sidebarright {
float: right;
background: url(images/sidebar_right.png) 0 30px no-repeat;
width: 230px;
min-height: 270px;
padding-left: 10px;
}

#content .sidebarright .postings {
background: #FFFFFF;
width: 216px;
min-height: 390px;
padding: 5px 7px;
}

#content .sidebarright .postings p {
margin-bottom: 15px;
}

#content .sidebarright .postings a {
display: block;
color: #006600;
}

#footer {
clear: both;
color: #CCCCCC;
text-align: center;
padding-bottom: 170px;
}

#footer .copy {
background: url(images/copy_bg.jpg) 0 0 no-repeat;
color: #FFFFFF;
font-weight: bold;
height: 39px;
margin-bottom: 12px;
padding-top: 30px;
}

#footer .footerlinks {
background: url(images/footerlinks_bg.png) 0 100% no-repeat;
margin-bottom: 40px;
padding-bottom: 28px;
}

#footer .footerlinks a {
color: #CCCCCC;
font-size: 11px;
}

#footer .footerlinks a:hover {
text-decoration: underline;
}

#footer .c3i3 a {
outline: none;
}

.homepage .footerlinks {
background: none !important;
border-bottom: 1px dotted #FFFFFF !important;
margin-bottom: 15px !important;
padding: 25px 0 15px !important;
}

.homepage .copy {
background: none !important;
color: #CCCCCC !important;
height: auto !important;
margin-bottom: 30px !important;
padding: 0 !important;
}

.center {
text-align: center;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
margin: 0 0 7px 10px;
display: inline;
}

img.alignleft {
margin: 0 10px 7px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

img.avatar {
background: none !important;
width: auto !important;
height: auto !important;
}

textarea#comment {
width: 500px !important;
}