/*  
Theme Name: camco
Theme URI: http://www.pixeltree.us
Description: Custom theme for CAMCO copyright 2010, All rights reserved.
Version: 1.0
Author: Brandon Stewart
Author URI: http://www.pixeltree.us
*/
* { margin:0; padding:0}.post-edit-link {font-size:9px;font-style:italic; letter-spacing:1px}.clear { clear:both}
body {
background: url(images/bg.gif);
margin:0;
padding:0;
font-size:12px;
font-family:verdana;
color:#666666}
h1, h2, h3, h4 {color: #386a91}
#maincontent h2 {margin:0 0 5px}
#portfoliocontent h2 {font-size:20px; letter-spacing:-.5px}
h3 {font-size:16px}
a {text-decoration:underline;outline:none;color:#386a91}
a:hover{text-decoration:none;outline:none;color:#386a91}
img {border:none;margin:0;padding:0}
#wrap {
margin:0 auto;
padding:0;
width:1033px;
background: url(images/wrapbg.png) top no-repeat;
min-height:701px;
max-height:701px}
#innerwrap {
margin:0 auto;
padding:0;
width:960px}
#header {
margin:0;
padding:0;
width:960px;
height:102px;
background: url(images/headerbg.gif) top left repeat-x}
#logo {
margin:0;
padding:0;
width:157px;
float:left}
#maincontent ul li { line-height:14px; margin:0 0 15px 2px; font-size:11px; color:#555; list-style:inside; list-style-type:disc}
#maincontent .sitemap  li { line-height:14px; margin:0 0 3px 2px; font-size:14px; color:#555; list-style:inside; list-style-type:none; font-style:italic}
#maincontent .sitemap  li ul li{ line-height:14px; margin:0 0 1px 30px; font-size:10px; color:#555; list-style:inside; list-style-type:none;letter-spacing:.5px; font-style:normal}
#maincontent ul li a,#maincontent .sitemap  li ul li a {text-decoration:none}
#maincontent ul li a:hover,#maincontent .sitemap  li ul li a:hover {text-decoration:underline}
#sitemap {
margin:0;
padding:6px 0 7px 20px;
width:175px;
background: url(images/sitemap.png) top right no-repeat;
float:right;
color:#000000}
#sitemap a { color:#000; text-decoration:none}
div.fade {max-height:301px;min-height:301px}
div.masthead {
margin:13px 0 0 0;
padding:0;
max-height:301px;
min-height:301px}
div.masthead img {width:960px;height:213px}
div.mastheaddata {
margin:0;
padding:10px 16px 12px 16px;
font-size:24px;
color:#ffffff;
width:928px;
background:#707070;
max-height:62px;
min-height:62px;
overflow:hidden}
div.mastheaddata p {line-height:32px}
#pagescontent {
margin:23px 0 0 0;
padding:0;
min-height:224px;
max-height:224px;
overflow:hidden}
div.col {
margin:0;
padding:0;
width:320px;
float:left}
div.colheading {
width:320px;
color:#336699;
font-size:22px;
float:left}
div.coldata {
margin:8px 0 12px 0;
padding:0;
padding:0 10px 0 0;
float:left;
max-height:145px;
min-height:145px;
overflow:hidden;
width:310px}
div.coldata p {line-height:18px}
div.readmore {
margin:0 10px 0 0;
padding:0;
float:right}
div.readmore2 {
width:100%;
margin:-20px 0 30px 0;
padding:0 0 2px 0;
border-bottom: solid 1px #ccc}
div.readmore3 {
width:100%;
margin:10px 0 20px 0;
padding:0 0 2px 0;
border-bottom: solid 1px #ccc}
/*menu*/
.nav, .nav ul{
margin:35px 0 0 0;
padding:0;
float:left;
list-style: none}
.nav {z-index: 100;position: relative}
.nav li {
list-style:none;
display:block;
float:left;
margin:0 8px 0 13px;
position: relative}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
color:#000;
font-size:14px;
display:block;
margin:0;
padding:0;
text-decoration:none}
.nav li a  span{
display:block;
margin:0 8px 0 0;
padding:6px 10px 10px 17px}
.nav li.active a, .nav li a:hover , .nav li.current_page_item a, .nav li.current_page_parent a{
background: url(images/navbg.png) no-repeat right -31px;
color:#fff}
.nav li.active a  span, .nav li a:hover span, .nav li.current_page_item a  span, .nav li.current_page_parent a  span{
background: url(images/navbg.png) no-repeat top left;color:#fff}
#nav-one li:hover a, 
#nav-one li.sfHover a {
background: url(images/navbg.png) no-repeat right -31px;
color:#fff;
cursor:pointer}
#nav-one li:hover a span, #nav-one li.sfHover a span{background: url(images/navbg.png) no-repeat top left;color:#fff}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {background: #386a91;color: #fff}
#nav-one li:hover ul a span, 
#nav-one li.sfHover ul a span{background: #386a91;color: #fff}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {background:#dbe1e6;color: #000}
#nav-one li:hover ul a:hover span, #nav-one li.sfHover ul a:hover span{background:#dbe1e6;color: #000}
.nav ul {
list-style: none;
margin: 0 0 0 5px;
top: -999em;  
position:absolute;
background:#386a91;
padding:0}
.nav li:hover ul,.nav li.sfHover ul {top: 30px}
.nav ul li {
border: 0;
float: none;
margin:0;
padding:0}
.nav ul a {
white-space: nowrap;
color: #ffffff;
margin: 0;	
padding:0}
.nav ul a span{
white-space: nowrap;
width:13em;
color: #ffffff;
margin: 0;	
padding:6px  12px}
/*content*/
#content {
margin:13px 0 0 0;
padding:0;
width:960px;
max-height:535px;
min-height:535px;
overflow:hidden}
#maincontent {
margin:0;
padding:0;
width:714px;
float:left}
h2.posttitle {
color:#336699;
font-size:22px;
font-weight:normal;
line-height:22px;
margin:30px 0 14px 0;
padding:0 20px;
width:628px}
div.postentry {
background: url(images/contentbg.gif) top left no-repeat;
padding:15px 0 15px 20px;
width:694px}
div.postentry p {
line-height:20px;
margin-bottom:28px}
.scroll-pane {
width: 635px;
height: 460px;
overflow: auto;
float: left;
padding-right:45px}
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1}
.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: url(images/scroller.gif) top center no-repeat;
width:20px}
.jScrollPaneDrag {
position: absolute;
background: url(images/scrollbtn.png) top center no-repeat;
cursor: pointer;
overflow: hidden;
width:20px;
}	
/*sidebar*/
#sidebar {
margin:0;
padding:0;
width:246px;
float:right}
#sidebar ul {
margin:16px 0 0 0;
padding:0;
border-top:#d8dfe3 solid 1px}
#sidebar ul li {
margin:0;
list-style:none;
border-bottom:#d8dfe3 solid 1px}
#sidebar ul li  a{
margin:0;
padding:2px 6px;
list-style:none;
display:block;
color:#666;
text-decoration:none}
#sidebar ul li  a:hover, #sidebar ul li.current_page_item  a{
background: url(images/side_over.gif) repeat-x;
color:#333}
#footer {
margin:14px 0 0 7px;
padding:0;
font-size:10px;
color:#666}
/*mainportfolio*/
#mainportfoliocontent {
margin:0;
padding:0;
width:960px;
max-height:543px;
min-height:543px;
overflow:hidden}
#mainportfoliomaincontent {
margin:13px 0 0 0;
padding:0;
width:320px;
float:left}
h2.mainportfolioposttitle {
color:#336699;
font-size:22px;
font-weight:normal;
line-height:22px;
margin:30px 0 14px 0;
padding:0 20px;
width:320px}
div.mainportfoliopostentry {
background: url(images/portfoliobg.gif) top left no-repeat;
padding:15px 20px;
width:280px}
div.mainportfoliopostentry  p {
line-height:18px;
margin-bottom:10px}
#mainportfoliocontent ul { 
margin:-10px 0 0 0;
padding:0;
border-top:#d8dfe3 solid 1px}
#mainportfoliocontent ul li {
margin:0;
list-style:none;
border-bottom:#d8dfe3 solid 1px}
#mainportfoliocontent ul li  a{
margin:0;
padding:2px 6px 2px 20px;
list-style:none; 
display:block;
color:#666;
text-decoration:none}
#mainportfoliocontent ul li  a:hover, #mainportfoliocontent ul li.current_page_item  a{background: url(images/side_over.gif) repeat-x;color:#333}
#mainportfolioright {
margin:1px 0 0 1px;
padding:0;
float:right;
width:639px}
#mainportfolioright img {
margin:0 0 8px 12px;
padding:0;
float:left}
#mainportfoliofooter {
margin:13px 0 0 7px;
padding:0;
font-size:10px;
color:#999966}
/*portfolio*/
#portfoliocontent {
margin:0;
padding:0;
width:960px;
max-height:545px;
min-height:545px;
overflow:hidden}
#portfoliomaincontent {
margin:13px 0 0 0;
padding:0;
width:320px;
float:left}
div.breadcrumb {
font-size:10px;
padding:0 20px;
width:310px}
div.breadcrumb a{color:#336699}
h2.portfolioposttitle {
color:#336699;
font-size:22px;
font-weight:normal;
line-height:22px;
margin:30px 0 14px 0;
padding:0 20px;
width:320px}
div.portfoliopostentry {
background: url(images/portfoliobg.gif) top left no-repeat;
padding:15px 20px;
width:280px;
font-size:10px}
div.portfoliopostentry  p {line-height:14px}
#portfolioright {
margin:1px 0 0 0;
padding:0;
float:right;
width:640px}
div.postthumb {
float:left;
margin:13px 0 0 10px}
div.postthumb a img {
margin:0 0 4px 3px;
padding:0 3px 3px 3px;
float:left;
width:96px;
height:96px;
background: url(images/thumbbg.gif) bottom center no-repeat}
div.postimage {float:left;margin:0 0 0 13px}
div.postimage a img {
margin:0;
padding:0 3px 3px 3px;
float:left;
width:621px;
height:424px;
background: url(images/pimagebg.gif) bottom center no-repeat}
#portfoliofooter {
margin:13px 0 0 7px;
padding:0;
font-size:10px;
color:#666}
div.slideshow-container,div.loader,div.slideshow a.advance-link {width:621px}
div.loader,div.slideshow a.advance-link,div.caption-container {height:424px}
div.slideshow-container {
position: relative;
clear: both;
float: left;
padding:0;
margin:0 0 0 13px}
div.slideshow span.image-wrapper {display: block;position: absolute}
div.slideshow a.advance-link {
display: block;
height:424px;
text-align: center;
text-decoration:none}
div.slideshow a img{text-decoration:none}
div.slideshow img {
margin:0;
padding:0 3px 3px 3px;
width:621px;
height:424px;
background: url(images/pimagebg.gif) bottom center no-repeat}
ul.thumbs {
position: relative;
float: left;
margin: 1px 0 0 10px;
padding:0}
ul.thumbs li {
float: left;
padding: 0;
margin:0;
list-style: none}
a.thumb {display: block}
a.thumb:focus {outline: none}
ul.thumbs img {
display: block;
margin:5px 0 5px 3px;
padding:0 3px 3px 3px;
float:left;
width:96px;
height:70px; 
background: url(images/thumbbg.gif) bottom center no-repeat}
.credits {text-indent:-99999px}
/* WP Styles */   
.entry-content img {margin: 0 0 1.5em 0}
.alignleft,img.alignleft {
display: inline;
float: left;
 margin: 10px 10px 5px 0}
.alignright,img.alignright {
display: inline;
float: right;
 margin: 10px 0 5px 10px}
.aligncenter,img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto}
.wp-caption {text-align: center;margin-bottom: 1.5em}
.wp-caption img {border: 0 none;margin: 0;padding: 0}
.wp-caption p.wp-caption-text {margin: 0;}
.wp-smiley { max-height: 1em;margin:0 !important;}
.gallery dl {margin: 0}
.gallery-caption {margin:-1.5em 0 0 0}
blockquote.left {
float: left;
margin-left: 0;
margin-right: 20px;
text-align: right;
width: 33%}
blockquote.right {
float: right;
margin-left: 20px;
margin-right: 0;
text-align: left;
width: 33%}
/* form */
#maincontent #form3 { width:90%; margin:-12px 0 0 0}
.wufoo li{width:94%; list-style:none}
#maincontent form ul{
margin:0;
padding:0;
list-style-type:none;
width:100%}
#maincontent form li{
list-style:none;
display:block;
margin:0;
padding:3px 5px 6px 0;
clear:both}
#maincontent form li:after, form li div:after{
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden}
* html form li{height: 1%; list-style:none}
* html form li div{display:inline-block}
*+html form li div{display:inline-block}
form li div, form li span{
list-style:none;
margin:0 .3em 0 0;
padding:0;
color:#444}
form li span{float:left}
.spacer {margin:0 0 0 15px}
.center, 
form li span.center input.text, form li span.center label,
form li.name input.text, form li.name span label,
form li.date input.text, form li.date span label, 
form li.phone input.text, form li.phone span label,
form li.time input.text, form li.time span label{text-align:center}
form li.time select.select{margin-left:5px}
form li div.col span{display:block;
width:100%;
float:left;
padding:0}
form li.complex{padding-bottom:0}
form li div span.left, form li div span.right{margin:0;width:47%}
form li div span.full input, 
form li div span.full select, 
form li div span.left input, 
form li div span.right input,
form li div span.left select,
form li div span.right select{width:100%}
.left{float:left}
.right{float:right}
.clear{clear:both !important;}
form li div label, form li span label{
margin:0;
padding-top:0px;
clear:both;
font-size:100%;
line-height:100%;
color:#444;
display:block}
form li div span label{padding-bottom:12px}
label.desc{
font-size:95%;
font-weight:bold;
color:#222;
line-height:150%;
margin:0;
padding:0 0 0px 0;
border:none;
display:block}
label.choice{
display:block;
font-size:100%;
line-height:150%;
margin:-17px 0 0 23px;
padding:0 0 5px 0;
color:#222;
width:88%}
.safari label.choice{margin-top:-16px}
form.rightLabel div.col{margin-top:-3px}
span.symbol{
font-size:120%;
line-height:135%;
margin:0 2px}
form li div label var{font-weight:bold;font-style:normal}
form li div label .currently{display:none}
input.text, input.search, input.file, textarea.textarea, select.select{
font-size:100%;
color:#333;
margin:0;
padding:2px 0}
input.text,  textarea.textarea{
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
background:#fff url(images/contentbg.gif) no-repeat center -20px}
select.select{padding:1px 0 1px 0;border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd}
input.other{margin:0 0 8px 25px}
.safari select.select{font-size:120% !important;margin:0 0 1px 0}
* html select.select{margin:1px 0}
*+html select.select{margin:1px 0}
.rtl .info h2, .rtl .info div, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section div, .rtl input.btTxt{direction:rtl}
.half{width:48% !important;}
.full{width:100% !important;}
input.small, select.small{width:25%;min-width:25%;}
input.medium, select.medium{width:50%;min-width:50%;}
input.large, select.large, textarea.textarea{width:100%;min-width:100%;}
select.ieSelectFix{ /* IE8 */width:auto\9;}
* html select.ieSelectFix{ /* IE6 Only */width:100%;}
*+html select.ieSelectFix{ /* IE7 Only */width:100%;}
.leftLabel li, .rightLabel li{width:74% !important;padding-top:9px}
.leftLabel label.desc, .rightLabel label.desc{float:left;width:29%;margin:0px 15px 0 0}
.rightLabel label.desc{text-align:right}
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li.complex div, .rightLabel li.complex div{float:left}
.leftLabel .small, .rightLabel .small{width:17%;min-width:17%}
.leftLabel .medium, .rightLabel .medium{width:35%;min-width:35%}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li.complex div, .rightLabel li.complex div{width:63%;min-width:63%}
* html .leftLabel .small, * html .rightLabel .small{width:23%}
* html .leftLabel .medium, * html .rightLabel .medium{width:55%}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{width:97%}
*+html .leftLabel .small, *+html .rightLabel .small{width:23%;min-width:23%}
*+html .leftLabel .medium, *+html .rightLabel .medium{width:55%;min-width:55%}
*+html .leftLabel .large, *+html .leftLabel textarea.textarea,*+html .rightLabel .large, *+html .rightLabel textarea.textare{width:97% !important;min-width:97%}
form li.button{position:relative;clear:both;padding-top:20px;cursor:pointer; width:69px; height:30px}
form li.leftHalf, form li.rightHalf{width:46% !important;}
form li.leftThird, form li.middleThird, form li.rightThird{width:31% !important;}
li.leftHalf, li.leftThird{clear:left !important;float:left;}
li.middleThird{clear:none !important;float:left;}
li.rightHalf, li.rightThird{clear:none !important;float:right;}
li.leftHalf .small, li.rightHalf .small,
li.leftHalf .medium, li.rightHalf .medium,
li.leftThird .small, li.middleThird .small, li.rightThird .small,
li.leftThird .medium, li.middleThird .medium, li.rightThird .medium{width:100%;}
input:focus, input.sffocus {background: #d6eeff;border: 1px solid #00548e;}
.wufoo li textarea, .wufoo li.textarea {width:40px; } 
#maincontent ul.charity {margin:-15px 0 0 0}
#maincontent ul.charity li {list-style:none; line-height:18px; white-space:nowrap}
#maincontent ul.charity li a {margin: 0 0 0 68px; font-size:14px; letter-spacing:1px; border-bottom:dotted 1px #ccc}
#maincontent ul.charity li a:hover {text-decoration:none; border-bottom:solid 1px #00538e}
.wish { background: #fff url(images/wish.png) center center no-repeat}
.kidney{ background: #fff url(images/kidney.png) center center no-repeat}
.crossroads { background: #fff url(images/crossroads.png) center center no-repeat}
.boys{ background: #fff url(images/boys.png) center center no-repeat}
.army { background: #fff url(images/army.png) center center no-repeat}
.wheelchair { background: #fff url(images/wheelchair.png) center center no-repeat}
.food{ background: #fff url(images/food.png) center center no-repeat}
.aids{ background: #fff url(images/aids.png) center center no-repeat}
.cross { background: #fff url(images/cross.png) center center no-repeat}
.wish, .kidney, .boys, .crossroads, .army, .wheelchair, .food, .aids, .cross{width:60px;  height:18px; margin: 0; padding:1px; border: solid 1px #ccc; display:block}