/*
Theme Name: High Peaks VP v.1
Theme URI: http://www.hpvp.com/
Description: Custom design for High Peaks Venture Partners by DirectSteps
Version: 1.0
Author: <a href="http://www.mattheerema.com">Matt Heerema</a>

&copy; Copyright 2006 High Peaks Venture Partners.
*/

/* NORMALIZE Cross browser rendering inconsistencies 
-----------------------------------------------------------------*/
html, body, form, fieldset{ margin: 0;padding: 0; font: 10px/150% Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{ margin: 1em 0;padding: 0; }
li, dd, blockquote{ margin-left: 1em; }
form label{ cursor: pointer; }
fieldset{ border: none; }
input, select, textarea{ font-size:1em; }
/* End Normalization */

/* Type selectors
-----------------------------------------------------------------*/
body{ background:#fff; color:#000; }
a{color:#0066CC; text-decoration:underline;}
a:hover{color:#cc0000; text-decoration:underline;}

h1, h2, h3, h4, h5, h6{color:#036; border-bottom:1px solid #005D29; padding:0 0 3px 0;}
h1 a, h2 a{ text-decoration:none; }

h2{
font-size:1.333em;	
}
h3, h4, h5, h6{ border-bottom:0; margin:0 0 .5em 0;}

img, img a{ border:0; }

blockquote{border-left:6px double #80AE94; padding-left:1em; }
blockquote cite { margin: 5px 0 0; display: block; }

ul{ margin: 0 0 0 1em; padding: 0 0 0 1em;}
li{ margin: 0; padding: 0;  }

form label { cursor: pointer; }
fieldset { border: none; }

strong{color:#036;}
hr{ display:none; }

label{color:#000; display:block;}

input.formbox{
margin:0 5px 0 0; padding: 3px;
border:1px solid #666;
font-size:1.4em;
width: 12.5em;
}

/* General Classes
-----------------------------------------------------------------*/
.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }
.alignleft { float: left; }

.alt { margin: 0; padding: 10px; }

#wp_quotes{margin:10px auto;width:140px;}
.wp_quotes_author{margin:10px 0 0 0;}
.wp_quotes_author cite{font-style:italics;}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* Site Layout
-----------------------------------------------------------------*/
.access{ display:none; }

div.liner{ width:760px; margin:0 auto; position:relative; }

#header{
height:85px;
clear:both;
position:relative;
font-size:1.2em;
}
#header div.liner{ height:85px; }
#header img{ position:absolute; top:6px; }

form#search{
position:absolute;
bottom:2px;right:0;
display:inline;
text-align:right;
font-size:1.2em;
}
form#search fieldset{ display:inline; }
form#search label{ text-align:left; }

#main{ background:url(images/contentback.png) repeat-x; clear:both; font-size:1.2em; }
#main div.liner{ background:url(images/navback.png) left top repeat-y; }

h1#title{
margin:0;padding:0;
height:50px;
background:#B0BFD0 url(images/topbar.png) repeat-x;
border-top:5px solid #80AE94;
border-bottom:5px solid #80AE94;
color:white;
font-size:1.8em;

}
h1#title strong{
width:760px;
height:50px;
display:block;
margin:0 auto;
background:url(images/mountainscape.jpg) no-repeat;
}

h1#title span{
text-indent: -9000px;
height:50px;
width:335px;
display:block;
float:right;
}

h1#title.home span{ background:url(images/highpeaks.jpg) top right no-repeat; }
h1#title.about span{ background:url(images/highpeaks-about.jpg) top right no-repeat; }
h1#title.team span{ background:url(images/highpeaks-team.jpg) top right no-repeat; }
h1#title.portfolio span{ background:url(images/highpeaks-portfolio.jpg) top right no-repeat; }
h1#title.news span{ background:url(images/highpeaks-news.jpg) top right no-repeat; }
h1#title.contact span{ background:url(images/highpeaks-contact.jpg) top right no-repeat; }

#content{ width:610px; float:right; }

#team{ width:400px; float:left;line-height:130%; padding:0 30px;}

ul#theteam{
margin:0;padding:0;list-style:none;
width:400px;height:346px;
background:url(images/team.jpg) left top no-repeat;
position:relative;
z-index:50;
}
ul#theteam li{position:absolute;top:0;left:0;}
ul#theteam li a{display:block; position:absolute; text-decoration:none; color:black;z-index:75;}
ul#theteam li a span{display:block; padding: 5px; position:absolute;bottom:0;left:-9000px;background:white url(images/highlightback.png) top left repeat-x;border:1px solid #fc0;z-index:100;}
li#russ a{top:125px; left:13px; width:103px; height:157px;}
li#bela a{top:125px; left:117px; width:86px; height:134px;}
li#brad a{top:116px; left:284px; width:108px; height:168px;}
li#jon a{top:18px; left:215px; width:69px; height:138px;}
li#devon a{top:18px; left:128px; width:85px; height:106px;}

ul#theteam li a:hover{border:1px;}
ul#theteam li a:hover span{left:0; }
div.highlight{
border:1px solid #fc0;
background:white url(images/highlightback.png) top left repeat-x;
position:relative;
margin:0 0 10px 0;
}

div.highlight p{
font-size:1.167em;
line-height:130%;
padding:0 1em;
margin-bottom:0;
}
div.highlight span.corner{
position:relative;
top:1px;left:-1px;
height:14px;width:14px;
background:url(images/sidebar-corner.gif) left bottom no-repeat;
display:block;
}
div.highlight h2{ margin:.5em 1em; }
div.highlight ul{ margin:.5em 1em; line-height:150%; }
div.highlight ul li.current_page_item{ border:1px solid #c00;padding:2px; background:white; }

.maincontent{
width:375px;
padding:0 30px;
float:left;margin-bottom:2em;
}
.maincontent p, .maincontent ul, .maincontent ol, .maincontent h3{line-height:130%;}
.subnav{ width:175px; float:right; margin-bottom:2em; }
.subnav img{margin:3px 0 0 0;}

#news{
width:150px;
float:right;

line-height:130%;
}

#nav{
width:150px;
float:left;
padding-bottom:21em;
}

#nav address{
position:absolute;
bottom:80px;left:10px;
width:130px;
font-style:normal;
}
#nav img#vvlogo{
position:absolute;
bottom:5px;
left:0;
}


ul#navigation{
margin:0 0 0 1px;padding:10px 0 0 0;
list-style:none;
font-size:1.167em;
width:148px;
background:url(images/navtop.png) left top repeat-y;
}

ul#navigation li{
position:relative;
background:url(images/navover.png) repeat-y;
border-top:1px solid white;
border-bottom:1px solid #666;
margin:0;padding:0;
}

ul#navigation li a{
color:black;
font-weight:bold;
text-decoration:none;
display:block;
width:130px;
background:url(images/navback.png) -1px 0 repeat-y;
padding:7px 0 7px 18px;
margin:0;
}
ul#navigation li a:hover, ul#navigation li.current_page_item a{
color:white;
background:url(images/navover.png) repeat-y;
}

ul#navigation li ul{
display:none;
width:175px;
background:#fefefe url(images/navflyout.png) top left repeat-x;
position:absolute;
top:-2px;left:148px;
margin:0;padding:10px;
list-style:none;
border:1px solid #666;
}

ul#navigation li ul li{
background:transparent;
font-size:.9em;
border:0;
margin:0 0 5px 0;
}

ul#navigation li ul li a, ul#navigation li.current_page_item ul a{
background:transparent;
padding:0;
font-weight:normal;
width:100%;
color:black;
}

ul#navigation li ul a:hover{
background:transparent;
color:#c00;
}

ul#navigation li:hover ul, ul#navigation li.over ul{
display:block;
}

ul#portfoliocompanies{
list-style:none;
margin:1em 0;padding:0;
}
ul#portfoliocompanies li{
margin: 0 0 1em 0; padding:0;
}
ul#portfoliocompanies li a{

}
ul#portfoliocompanies li a img{
border:1px solid #ccc;
padding:4px;
}
ul#portfoliocompanies li a:hover img{
border-color:#0066CC;
}


#footer{
clear:both;
background:url(images/bottombar.png) repeat-x;
height:25px;
border-top:3px solid #80AE94;
border-bottom:3px solid #80AE94;
position:relative;
}
#footer p{
text-align:right;
width:760px;
margin:0 auto;
font:Verdana, Arial, Helvetica, sans-serif;
color:#666;
position:relative;
top:29px;
}

/* Contact Form
-----------------------------------------------------------------*/

div.contactform form{
display:block;
margin-bottom:2em;
font-size:1em;
}
div.contactform form input{ padding:2px; }
div.contactform form textarea{
width:90%; padding:2px; font-family:Arial, Helvetica, sans-serif;
}

/* Wordpress styles
-----------------------------------------------------------------*/
.commentlist { padding: 0; text-align: justify; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; margin: 10px 5px 10px 0; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0; }
.commentmetadata{ font-weight: normal; margin: 0; display: block; }
#commentform input {  width: 98%; padding: 2px; margin: 0 0 1px 0; }
#commentform textarea { width: 98%; padding: 2px; }
#commentform #submit { margin: 0; float: right; width:170px;}
.nocomments { text-align: center; margin: 0; padding: 0; }
.postmetadata{ font-size:.9em; }

#wp-calendar #prev a { font-size: 9pt; padding-left: 10px; text-align: left; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar a { text-decoration: none; display: block; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; width: 100%; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }

.postmeta ul, .postmeta li { display: inline; list-style-type: none; list-style-image: none; }

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }