/*
Theme Name: Columbia Gorge Magazine
Theme URI: http://ColumbiaGorge.com
Description: This site was designed and built by <a href="mailto:daveb68@gmail.com">David Barber</a> of Cell: 971-275-2135.
Version: 1.5
Author: David Barber

*/

* {
margin:0;
padding:0;
outline:0; text-decoration: none; 
}
ul, li {
list-style-type:none	
}


body {
    font: 80%/150% Arial, Helvetica, sans-serif;
    color:#333;
    background: url(images/bg.jpg) 0px 15px repeat-x #fff;
    text-align:center;
    margin:0; 
    padding:0;
}
a:focus { outline:none;}


/* ================================================================================= */

#wrap {
width:960px;
text-align:left;
margin:0 auto;  
background: transparent; 
}


#leaderboard {
width: 940px;
margin: 5px 5px 0px 5px; 
padding: 0px 5px;  
background:#fff;
height: 83px; 
display:block;
}

#leaderboard a img, div.textwidget a img  {
 border-width: 0px;
}

#header {
margin: 0px;
width: 940px;
margin: 1px 5px 0px 5px; 
padding: 5px;
height: 91px;  
background:#fff;
}

/* IE 6 HACK */
* HTML #header {
margin: 0px 5px 0px 5px !important; 
padding: 5px 5px 0px 5px !important;
}


div.header_logo {
 height: 91px; 
width: 420px; 
float: left;  
background: #fff
}


div.header_logo a {
 height: 91px; 
width: 420px; 
display:block;

}
div.header_logo a img {
 border-width:0px;
}


#top-nav {
    background:#fff; 
    color:#666;
    font-size:1em;
    height:90px;
    line-height:30px;
    padding-left:13px;
    position:relative;
    margin: 0px; 
    width: 505px; 
    float: left;
}

#top-nav-links {
  margin: 10px 0px 20px 0px; font-size: .9em;
}
#top-nav-links a, #top-nav-links a:visited {
  color:#9f6933;
}
#top-nav-links a:hover {
 color:#000
}

#top-nav input {
    font-size:.8em;padding:2px 2px;

}
#top-nav input.textbox {
 width: 150px;
}

#top-nav-sub {
  display: block; height: 35px;
}

#top-nav-sub ul, #top-nav-sub li {
	margin: 0px; padding: 0px; list-style-type: none;

}
#top-nav-sub ul {
	width: 180px; float:left; height: 35px;
}
.widget_weather .weather {
  font-size: 150%; padding-left: 40px; height: 35px;
}
.weather a {
 color:#000;
}
.widget_weather .weather span {
 font-size: 12px; color:#999
}

.headersearch {
	width: 250px; float:left; margin-left: 20px;
}

#sitenav {
 height: 40px; 
 width:100%;
 margin: 0px;
}

#sitenav table {
 width:950px;margin-left:5px;
}
#sitenav table td.sitenavtd {
 vertical-align:bottom; width: auto; text-align: left;  
background: url(images/nav_bg.jpg) bottom left repeat-x #fff;
}
#sitenav table td.cgn7td {
 vertical-align:top; width: 135px; text-align: left;
}
#sitenav table td.cgn7td a {
width: 135px; 
height:40px; display: block;
background: url(images/sitenav-cgn7.jpg) top left no-repeat;
}
#sitenav table td.cgn7td a:hover {
background: url(images/sitenav-cgn7-on.jpg) top left no-repeat;
}





#sitenav ul, #sitenav li {
 list-style-type: none; padding: 0px; margin: 0px;
}
#sitenav ul { 
width:100%; 
}
#sitenav li {
float: left; 
border-left: 1px #b8b2ad solid;
height: 30px;
}
/* IE 6 HACK */
* html #sitenav li {
 width: 3em; white-space: nowrap;
}
#sitenav li a {
   text-transform:uppercase; 
   color:#fff; 
   background:#423a35; 
   line-height: 30px;  
   display: block;
   height: 30px;
   padding: 0px 10px 0px 8px; font-size: 1.1em; 
}

#sitenav li.current-cat a, #sitenav li a:hover {
   background:#ac531c; 
   
}
#sitenav li.cat-item-110 {
border-right: 1px #b8b2ad solid !important;
}
#rssFeedLink {
    padding: 0px 8px 0px 0px !important; 
    width: 28px !important; 
    float:right !important; text-align: right;
    border-left: 0px #b8b2ad solid !important;

}


#rssFeedLink img {
 border-width: 0px !important; cursor:pointer !important
}



#content-wrap {
position:relative;
clear:both;
width:950px;
float:left;
display:inline;
padding: 5px;
}


#content-wrap a {
 color:#7f6b5e
}

#content-wrap a:visited {
 color:#5e351b
}

#content-wrap a:hover {
 color:#e75b00
}



/* ========================================================================== */


#main {
float:left;
width:610px;
display:inline;
margin:0px 5px 0px 0px;
padding:0px;  
}

#content {
 padding: 5px;background: #fff; min-height: 500px
}
#main div.post {
 padding: 10px;
}

#main div.post p {
 margin-bottom: 10px;
}
#main .post p a {
 font-weight:700
}

#main div.homecontent {

}


#main div.homecontent div.featuredpost {
margin-bottom: 20px; 
width: 552px;
}

#main div.homecontent div.featuredpost h2 {
color:#000;
padding:0px 0px 4px 0px; margin: 0px;
font-weight:700;
letter-spacing:-1px;
line-height: 100%; font-size: 1.5em;
}

#main div.homecontent div.featuredpost h4 {
text-transform: uppercase;
font-size: 1.25em; 
padding:0px 0px 5px 0px; 
margin: 0px; letter-spacing:0px;
line-height: 120%; color:#a86e49;
}




#main div.rightcontent{
 float: left; width: 300px; display:inline; 
}

#main div.rightcontent p {
 padding-bottom: 0px !important; line-height: 125%;
} 

#main table tr td {
 padding: 5px;
}
#main .leftcontent {
 float: left; margin-right: 10px; width:280px; height: 325px
}

#main .leftcontent.business a img, #main .leftcontent.business img, #divExploreImage a img, divExploreImage img {
 border-width: 0px;
}

#business-fader {
 height: 300px; width: 280px; display: block;
}

#main .rightcontent h3 {
 font-size: 1.5em; padding-top: 0px;
}
#main .rightcontent h4 {
 font-size: 1em; font-weight:700; color:#000; padding-top: 0px;
}

#main h1 {
font-size:2.75em; line-height: 140%; font-weight: 100; letter-spacing:-1px; padding: 10px 10px 10px 0px;
}
#main h2 {
font-size:1.5em; font-weight:100; color:#7f6b5e; line-height: 150%; padding: 0 0 10px 0;
}
#main h3 {
font-size:1.25em; font-weight:100; color:#7f6b5e; line-height: 150%;
}
#main h4 {
font-size:1em; font-weight:100; color:#7f6b5e; line-height: 150%;
}

#main div.homegraphics  {
    width: 600px; height: 280px; display: block;
}
#main div.hideimages {
 display: none
}

#main #homepagetitle {
float: right; width: 388px; 
    font-size:2em; color:#5a4c42; text-transform:lowercase;
 line-height: 100%; font-weight: 100; letter-spacing: 0px; padding: 10px 0px 0px 0px;
}

#main .mattscolumn {
width:167px; 
float:left; 
margin-right: 5px; 
padding: 10px; 
color:#192e42;
background: url(images/mattscolumn-bg.jpg) 0px -15px no-repeat #c4c1a0
}

#main .mattscolumn h2.matttitle a {
 color:#fff;
}
#main .mattscolumncontent {
padding: 190px 0px 20px 0px;
}
#main .mattscolumncontent h2 {
color:#192e42; 
line-height: 120%; padding-right: 10px;
}
#main .mattscolumncontent a  {
color:#192e42
}
#main .mattscolumn h3 {
color:#fff; 
line-height: 120%;
}
#main .mattscolumn p {
text-align:left; 
margin: 10px 0px
}

#main .featuredstories {
width:408px; 
float:left; padding:5px 0px 0px 0px;
}

#main .featuredstories h2 {
    font-size:2em; color:#7f6b5e; text-transform:lowercase; margin-left: 10px;
}

#main .featuredstories h3 {
 font-weight:700;
}

#main .featuredstories .story {
 margin: 5px 10px 30px 10px ; width: 388px; 
}
#main .featuredstories .story img {
width:120px; 
float: left; 
margin: 5px 15px 0px 0px; 
border-width: 0px; 
}
#main .featuredstories .story .content {
width:248px; 
float: left; 
margin: 0px; 
border-width: 0px;  
}


#main div.subcatmenu {
 margin: 10px 10px 20px 10px; 
}
#main div.subcatmenu h1 {
 line-height: 120%; 
}
#main div.subcatmenu a {
font-size: 1.5em; line-height: 140%;
}


#maintitle {
float:left;
width:600px;
display:inline;
margin:0px 5px 5px 0px;
padding:5px;  
background: #acaaa7; 
vertical-align: middle;
}
#maintitle img {
border-width: 0px; 
float:left;
}
#maintitle h1 {
font-size:2.5em;
line-height:  60px;
font-weight: 100; 
letter-spacing:-1px; float:left; margin-left: 15px;
padding: 0px; text-transform: uppercase; color:#fff;
}



/* =========================================================================================== */


#sidebar {
float:left;
width:325px;
display:inline;
margin:0px;
padding:0px; padding: 5px; margin:0px; background:#fff;
}

#sidebar h3 {
margin:0px; 
line-height: 130%; 
font-weight: 100;
font-size: 1.5em;
color:#7f6b5e; 
text-transform: lowercase;
padding: 10px 0px;
}


#sidebar .sidesubcribe a img, #sidebar .sidesocialmedia a img {
 border-width: 0px;	
}

#sidebar div.sidebarcolumn {
float:left; 
width:150px; 
display: inline; 
margin-right: 5px;
}


#sidebar div.sidebarcolumn.eventcal {
 background:#efefef; 
height: 185px; 
}

div.separator {
margin: 10px 5px 0px 5px; 
display: block;
border-top: 2px #ddd dotted; 
height: 10px; clear: both;
}

#sidebar div.sidebarphotogallery {
background:#d2e4ec;
padding: 10px;

}


#sidebar ul {
text-align:left;
margin:7px 5px 8px 0;
padding:0
}



#sidebar ul li {
list-style:none;
border-bottom:1px solid #111;
margin:0;
padding:4px 10px
}



* html body #sidebar ul li {

height:1%

}



#sidebar ul li a {
text-decoration:none;
border:none;
color:#a86e49;
font-weight:700;
}



#sidebar ul li a span {
color:#444;
font-style:italic;
font-weight:400;
font-size:.8em
}



#sidebar ul li a:hover,
#sidebar ul li a:hover span {
color:#ac531c
}



#sidebar ul ul {
margin:0 0 0 5px;
padding:0
}



#sidebar ul ul li {
border:none
}

.sidebarPhotoGallery {
background:#d2e4ec; 
}

#sidebar .description {
 padding: 10px 5px 10px 5px;
}


/* ==================================================================================== */

#footer-wrap {
width:100%;
background: #FFF;
padding:0; 
margin: 20px 0px 0px 0px;
}
#footer-content {
 width: 100%; display: block; background: url(images/footer.jpg) top center no-repeat #FFF;
height: 155px;
}

#footer-links a, #footer-links a:visited {
color:#9f6933;
}
#footer-links a:hover {
color:#000;
}


/* ==================================================================================== */



.postmeta {
font-size:1em;
color:#333;
margin:0px 0px 15px 0px;
padding:0px;
}

.post-info {
font-size:.95em;
padding-top:3px;
margin-left:5px;
color:#444
}

.post-info a {
color:#BD4200
}

.float-left {
float:left
}

.float-right {
float:right
}

.align-left {
text-align:left
}

.align-right {
text-align:right
}



.clear, .clearer {
clear:both; width: 100%; height: 0px; line-height: 0px;
}

.clear:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:""
}

table.dbem-calendar-table td {
padding: 2px 4px; 
text-align: center;
}
table.dbem-calendar.table tr.days-names {
font-weight: 700;
} 
table.dbem-calendar-table td.eventless-pre, .dbem-calendar td.eventless-post {
color: #999; background: #efefef;
}
table.dbem-calendar-table td.eventful a {
font-weight: 700;
color: #FD7E29;
}
table.dbem-calendar-table td.eventless-today {
background-color: #CFCFCF;  
}
tr.days-names td {
 font-weight:700;
}

.dbem-calendar-table {
 width:90% 
}
.dbem-calendar-table thead {

}
.dbem-calendar-table thead tr td, .dbem-calendar-table thead tr td a {
background:#58493f; 
color:#fff; 
text-transform: uppercase; 
font-weight: 700;
text-align:center; 
}
tr.days-names td {
 background:#9a9490; color:#fff;
}
.dbem-calendar-table tbody tr td { 
 border: 1px #efefef solid;

}
.dbem-calendar-table tfoot {

}
.dbem-calendar {
 
}
.eventcal_rightcol {
 width: 110px; float:left;
}



div.banners {
 margin: 10px 0px;
}
div.banners div.title {
 color:#999; font-size: .8em; text-align:center; margin-bottom: 10px;
}

div.banners a img {
 border-width: 0px; cursor: pointer;
}


div.widget.ngg_images div.widgetcontent {
  background:#d2e4ec; 
  padding: 18px 0px 18px 0px
}
div.widget.ngg_images a {
  margin-left: 0px
}

.wp-polls .pollbar {
	margin: 1px 5px 1px 0px;
	font-size: 12px;
	line-height: 18px; padding-right: 5px;
	height: 18px; text-align:right;
	background: #d8e1eb;
	border: 1px solid #c8c8c8; display: block; min-width: 30px !important;
}


div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

img.alignleft {
 float: left; margin: 0px 20px 10px 0px;
}
table.stafftop {
 clear:left;
}
table.stafftop tr td {
text-align:center; vertical-align: top;
}
table.stafftop tr td p {
 text-align:left !important; margin: 15px 20px
}



table.staff {
 margin-top: 25px;
}
table.staff tr td {
 text-align:center; vertical-align: top; padding: 40px 10px !important
}

table.staff tr.altstaffrow {
 background: #eaeaea
}
span.search-excerpt {
 background: #F7F4E2
}
h1.title_862 {
 display:none !important
}

/* ==================================================================================== */

.innersidebar {
 width: 200px; padding: 20px; margin: 20px; background:#CDDBEF;
 float: right;
}
.innersidebar h1 {
 font-size:1.5em !important; line-height: 120% !important; 
padding: 20px 10px 10px 0px !important;
color:#000 !important;
}

.innersidebar h2 { color: #333!important; line-height: 1.1em!important;}

.innersidebar ul {
margin:10px;
padding:0px;list-style-type: disc   
}

.innersidebar li {
padding: 5px; margin: 5px;
list-style-position: outside;
list-style-image: url(http://columbiagorge.504west.com/wp-content/uploads/2009/07/bulletarrow-blue.jpg);

}

.innerwhitecolumn {
 width: 260px; margin: 20px;
 float: right;
}

.legend {
margin: 0 0 4px 16px;
font-size: .9em;
line-height: 1.1em;
}

.red { color: #ac531c; text-transform: uppercase; font-weight: bold;}
.brown { color: #423a35; text-transform: uppercase; font-weight: bold;}
.ltbrown { color: #89755d; text-transform: uppercase; font-weight: bold;}
.yellow { color: #d9be5a; text-transform: uppercase; font-weight: bold;}
.orange { color: #bc833f; text-transform: uppercase; font-weight: bold;}

.small {font-size: .8em; font-style: italic; line-height: 1.1em; margin: 0 0 4px 16px;}

.tablebox { margin: 5px 0 20px 0; padding: 20px;}

.prettytable { border-collapse: collapse; }
.prettytable th, .pretty-table td { padding: 0.5em; }


.prettytable td {
text-align: center;
font-size: .8em;
font-weight: bold;
background-color: #efefef;
}

.prettytable .altrow tr td { background-color: #FFF }

.utilitybox {
margin: 20px 10px;
border: 2px solid #89755d;
padding: 10px;
line-height: 1.4em;
}

.featurebox {
margin: 20px 10px;
padding: 20px;
background-color: #efefef;
color: #89755d;
font-weight: bold;
}

.quoteattribute span {
font-size: .9em;
line-height: .9em;
font-style: italic;
margin: 10px 0 0 20px; 
}

.bodylist ul { margin: 10px 0 !important;}

.bodylist li {
margin: 2px 0 4px 4px;
list-style-image: url(/wp-content/uploads/2009/07/bulletarrow.jpg);
}
.hide {
 display: none;
} 
.tooltipExt {
background-color:#F5F5B5;
border:1px solid #DECA7E;
color:#303030;
padding:10px 13px;
position:absolute;
text-align:center;
z-index:20000; max-width: 400px;
}

div.div_adv {
 text-align: center; padding: 10px

}

img.lowerban {
 border: 1px #000 solid !important;
}

.advertisementlabel {
 color:#ccc; font-size:11px;
}
div.captionbar {
 background:#333; color:#fff; margin: 0px; padding: 10px
}

p.tagcolor, p.tagcolor a {
 color:#999 !important; font-size: 11px;
}