/*
Theme Name: Northwest Wild
Theme URI: http://www.northwestwildtv.com
Description: Theme for the Northwest Wild television show website
Version: 1.0
Author: John-Paul Dull
Author URI: http://www.nadaplus.com
*/


*{
margin:0;
padding:0;
}

a{
text-decoration: none;
color:#447b8c;
outline: none;
}

a:hover{
text-decoration: underline;
}

p {
font-size:12px;
line-height:1.4em;
margin-bottom:16px;
}

img{
border:none;
}

h2 {
background-color:#aaa;
padding:5px 5px 3px 5px;
color:#fff;
font-size:12px;
text-transform:uppercase;
margin-bottom:7px;
}

h3 {
font-size:18px;
margin-bottom:15px;
}

ul {
list-style-type:none;
}

body {
background-color:#d8d6d7;
font-family:arial, helvetica, sans-serif;
font-size:12px;
color:#323232;
background:#658a7e url(images/bkgnd4.jpg) no-repeat fixed center top;

}


#container {
width:960px;
background-color:#eee;
padding:25px 25px 25px 25px;
margin:0px auto 0px auto;
position:relative;
overflow:hidden;
}	

.clear {
clear:both;
}


/* head */


#head {
width:960px;
float:left;
margin-bottom:20px;
}

h1#logo {
float:left;
background-image: url(images/nnwild-logo2.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}

h1#logo a {
width:959px;
height:121px;
display: block;
}

#banner-top {
width:728px;
height:90px;
float:right;
margin-top:10px;
}

#main-nav {
float:left;
clear:both;
width:100%;
background-color:#aaa;
text-transform:uppercase;
font-weight:bold;
color:#fff;
font-size:16px;
letter-spacing:-.02em;
margin-top:20px;
}

#main-nav ul {
padding:12px 30px;
}

#main-nav ul li {
display:inline;
margin-right:28px;
}

#main-nav ul li:last-child {
margin-right:0px;
}

#main-nav a {
text-decoration:none;
color:#fff;
}

#main-nav a:hover {
color:#eee;
}


/* guts */

#guts {
width:960px;
float:left;
clear:both;
}


/* main-content */


#main-content{
float:left;
clear: both;
width:600px;
}

#slideshow {
width:600px;
height:312px;
background-color:#000;
margin-bottom:20px;
}


#main-content .post-item {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #e0e0e0;
}

#main-content .post-item h2 {
background-color:#091c24;
padding:0px;
font-size:20px;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
color:#eee;
text-transform:none;
padding:2px 4px;
margin-bottom:2px;
}




#main-content .post-item h2 a {
color:#fff;
text-decoration-none;
}

#main-content .post-item h2 a:hover {
color:#fff;
text-decoration:none;
}

#main-content .post-item .meta {
font-size:12px;
font-weight:bold;
color:#323232;
text-decoration-none;
}

#main-content .post-item p {
font-size:12px;
line-height:1.5em;
font-weight:normal;
color:#323232;
width:550px;
}

#main-content .post-item .videobox {
margin-bottom:30px;
}



/* blogposts */



#blogposts {
overflow:hidden;
margin-bottom:20px;
}

#standardposts {
float:left;
width:285px;
}

#videoposts {
float:right;
width:285px;
}

#blogposts .widget {
width:285px;
float:left;
display:inline;
margin-right:30px;
}

#blogposts .widget:last-child  {
width:285px;
float:left;
display:inline;
margin-right:0px;
}

#blogposts .widget .cat-post-item {
height:75px;
}

#blogposts .widget .cat-post-item .post-title {
font-size:14px;
line-height:1em;
margin-bottom:4px;
letter-spacing:-.02em;
font-weight:bold;
color:#447b8c;
display:block;
}

#blogposts .widget .cat-post-item .date {
font-weight:bold;
display:block;
margin-bottom:5px;
font-size:12px;
}

#blogposts .widget .cat-post-item p {
display:block;
font-size:12px;
line-height:1.3em;
}

#blogposts ul li {
clear:both;
margin-bottom:15px;
}

#blogposts img {
float:left;
margin-right:7px;
width:75px;
height:75px;
}


#blogposts .widget .cat-post-item .post-title a:link {
color:#000;
}



/* postlist */


#guts #postlist {
width:600px;
float:left;
}

#guts #postlist h2 {
background-color:#091c24;
padding:0px;
font-size:20px;
display:inline-block;
color:#fff;
text-transform:none;
padding:2px 4px;
margin-bottom:4px;
}

#guts #postlist h2 a {
color:#fff;
text-decoration:none;
}


#guts #postlist h2 a:hover {
color:#fff;
text-decoration:none;
}


#guts #postlist p {
width:551px;
}

#guts #postlist .blogpost {
margin-bottom:30px;
padding-bottom:20px;
border-bottom:1px solid #e0e0e0;
}


#guts #postlist .blogpost:last-child {
border-bottom:0px;
}

#guts #postlist .blogpost ul.meta  {
margin-bottom:20px;
}

#guts #postlist .blogpost ul.meta li {
margin-bottom:2px;
}

#guts #postlist .blogpost ul.meta li.date {
font-weight:bold;
}



/* pages */



#main-content #pages {
margin-bottom:50px;
}

#main-content #pages img {
border:5px solid #e0e0e0;
}


#main-content #pages h2 {
background-color:#eee;
padding:0;
font-size:18px;
color:#447b8c;
margin-bottom:10px;
}

#main-content #pages p {
width:550px;
}

#main-content #pages p.pdf {
background-image: url(images/pdf.gif);
background-repeat:no-repeat;
background-position: 0 0;
padding-left:20px;
}



#main-content #pages .highlight {
background-color:#e0e0e0;
width:400px;
line-height:1.5em;
padding:15px;
margin-bottom:20px;
font-weight:bold;
}



/* sidebar */

#sidebar{
float:right;
width:340px;
padding-bottom:20px;
}


#sidebar h2{
margin-bottom:5px;
}

#sidebar .widget #mediaspace {
margin-bottom:0px;
padding:0px;
}

#videobox {
width:340px;
height:186px;
margin-bottom:20px;
background-color:#000;
}

#sidebar .widget {
margin-bottom:18px;
}

.widget form {
background-color:#e0e0e0;
padding:10px;
}

.widget input#trjhe-trjhe {
font-size:12px;
padding:5px;
color:#666;
width:212px;
margin-right:3px;
display:inline;
background-color:#fff;
border:1px solid #ebebeb;

}

.widget button#submit {
padding:4px 11px;
display: inline;
color: #fff;
font-size:12px;
background: #447b8c;
font-weight: bold;
border:0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}


.widget button#submit:hover {
background: #226479;
color: #FFF;
cursor: pointer;
}

#sidebar img{
margin-bottom:20px;
border:20px solid #e0e0e0;
}



/* episodes */

#episodes{
clear:both;
width:960px;
margin-bottom:20px;
}

#episodes ul {
padding:20px;
padding: 20px 10px;
background-color:#e0e0e0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

#episodes ul li {
display:inline;
margin-right:2px;
}

#episodes ul li:last-child {
margin-right:0px;
}


/* sponsors */

#sponsors{
clear:both;
width:960px;
}


#sponsors ul {
padding:20px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

#sponsors ul li {
display:inline;
margin-right:30px;
padding-left:10px;
}

#sponsors ul li:last-child {
margin-right:0px;
}


#main-content #pages .sponsor {
margin-bottom:30px;
padding-bottom:20px;
border-bottom:1px solid #ccc;
clear:both;
overflow:hidden;
}


#main-content #pages .sponsor img {
float:left;
margin:0px 10px 10px 0px;
}


/* footer */

#footer{
clear:both;
width:960px;
margin:0px auto;
position: relative;
overflow:hidden;
margin-bottom:40px;
}

#footer p {
width:400px;
margin-top:20px;
float:left;
color:#333;
font-size:10px;
}


#social {
float:right;
}

#social ul {
text-align:right;
margin-top:10px;
padding:0px;
}

#social ul li {
display:inline;
}



/* comments */

#comments_template #respond h3 {
margin-bottom:20px;
color:#447b8c;
}


#comments_template h3 {
margin-bottom:5px;
}


#comments_template input {
border:1px solid #e0e0e0;
padding:5px;
margin-right:5px;
}

#comments_template textarea#comment {
width:598px;
border:1px solid #e0e0e0;
padding:6px;
}

#comments_template input#submit {
padding:4px 11px;
display: inline;
color: #fff;
font-size:12px;
background: #447b8c;
font-weight: bold;
border:0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

#comments_template input#submit:hover {
background: #226479;
color: #FFF;
cursor: pointer;
}

#comments_template .comments li {
border-bottom:1px solid #e0e0e0;
padding-bottom:5px;
margin-bottom:20px;
clear:both;
overflow:hidden;
}

#comments_template h3#comments {
display:block;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #e0e0e0;
color:#447b8c;
}


#comments_template .comments .main_comment .authorInfo {
float:left;
width:150px;
padding-left:10px;
}


#comments_template .comments .main_comment .commentText {
float:right;
width:375px;
padding-right:50px;
}

#comments_template .comments .main_comment .commentText p {
font-size:12px;
}

#comments_template .comments .main_comment h4{
font-size:14px;
}

#comments_template .comments .main_comment .commentDate{
font-size:12px;
font-style:italic;
}