/*  
Theme Name: simpleportfolio
Description: This is my theme for my portfolio.
Version: 1.1
Author: Ryan Cobourn
Author URI: http://www.ryan-cobourn.com/
*/

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}

body{
margin:0 auto 0 auto;
background:#ffffff;
font-family:helvetica, sans-serif;
font-size:12px;
text-align:left;
line-height:18px;
color:#000000;
}

p {
font-size:14px;
line-height:18px;  
margin:0 0 18px 0;
}

h1 {
font-size:48px;
font-weight:lighter;
line-height:42px;
margin:18px 0 18px 0;
}

h2 {
font-size:28px;
font-weight:lighter;
line-height:36px;  
margin-bottom: 0;
}

h3 {
font-size:20px;
font-weight:lighter;
line-height:36px;
margin-bottom: 0;
}

h4 {
font-size:18px;
font-weight:lighter;
line-height:24px;
margin-bottom:0;
}

h5 {
font-size:16px;
line-height:24px;
margin-bottom: 0;
}

h6 {
font-size:14px;
line-height:21px;
margin-bottom:0;
}

a:link{
text-decoration:none;
color:#660000;
}

a:hover{
background:#ffcdcd;
text-decoration:none;
}

a:visited{
text-decoration:none;
color:#444444;
}

a:visited:hover{
background:#ffcdcd;
text-decoration:none;
}

#header-bar{
width:100%;
background:#191919;
height:50px;
border-bottom:5px solid #ececec;
}

#headwrap{
width:980px;
margin-left:auto;
margin-right:auto;
}

#header{
margin:6px 0px 6px 0px;
float:left;
padding:0;
}

#header h2 a{
font-weight:lighter;
text-decoration:none;
border:none;
color:#ffffff;
}

#header h2 a:hover{
text-decoration:none;
background:fbe6e6;
border:none;
color:#660000;
}

#menu{
padding:0;
margin:16px 0px 6px 0px;
float:right;
width:500px;
}

#menu h3 a{
font-weight:lighter;
text-decoration:none;
border:none;
color:#ffffff;
}

#menu h3 a:hover{
text-decoration:none;
background:fbe6e6;
color:#660000;
}

#menu ul{
margin:0;
padding:0;
list-style-type:none;
}

#menu ul li{
float:right;
margin:0px 0px 0px 20px;
}


#wrapper{
margin:10px auto;
width:980px;
height:100%;
text-align:left;
background:#ffffff;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
 
.clearfix {
display: inline-block;
padding:0;
}
 
html[xmlns] .clearfix {
display: block;
}
 
.clearfix {
height: 1%;
}

#container{
margin:0px;
float:left;
width:710px;
}

#page-container{
margin:0px;
float:left;
width:100%;
}

.post{
padding:0 0 10px 0;
}

.post ol{
list-style:numerical;
}

.post li{
font-size:14px;
line-height:18px;
margin-bottom:18px;
}

.entry{
line-height:18px;
}

.entry img a{
border:none;
}

.postmeta{
height:50px;
background:#ececec;
}

.postmetadata-top{
background:url(/wp-content/images/comment.png);
background-repeat:no-repeat;
padding:25px 0 0 10px;
}

.pagination{
padding:0;
color:#072F07;
font-size:14px;
font-weight:bold;
line-height:18px;
}

.navigation{
background:#ECECEC;
height:35px;
padding:0;
color:#072F07;
font-size:14px;
font-weight:bold;
line-height:18px;
}

.previous{
float:left;
margin:10px 0 10px 10px;
}

.next{
float:right;
margin:10px 10px 10px 0;
}

.sidebar{
margin:0;
float:right;
width:250px;
height:100%;
background:#ececec;
}

.sidebar ul{
list-style-type:none;
margin:10px;
padding:0;
}

.sidebar ul li{
line-height:24px
}

.link{
width:230px;
margin:0 0 0 -20px;
padding:0 0 0 20px;
background:#191919;
}

.link a{
font-weight:lighter;
text-decoration:none;
border:none;
color:#ffffff;
}

.link a:hover{
text-decoration:none;
background:fbe6e6;
border:none;
color:#660000;
}

.textwidget{
margin-top:10px;
}

.textwidget h2{
margin: 18px 0;
}

.textwidget a{
text-decoration:none;
}

.textwidget img{
vertical-align:middle;
}

ul.twitter{
margin:0px;
}

.twitter-item{
background-color:#FFFFFF;
padding-left:10px;
margin-bottom:5px;
}

/*.comments-template{
margin: 10px 0 0;
border-top: 1px solid #ccc;
padding: 10px 0 0;
}*/

.comments-template ol{
clear:both;
width:100%;
margin:0 0 18px;
padding:0;
list-style: none;
}

.comment-top{
background:url(/wp-content/images/comment.png);
background-repeat:no-repeat;
padding:18px 0 0 0;
}

.comments-template ol li{
line-height: 18px;
padding:18px 10px;
background:#ECECEC;
}

.comments-template h2, .comments-template h3{
font-family: helvetica, Sans-serif;
font-size: 16px;
}

.commentmetadata p{
font-size: 12px;
margin-bottom: 12px;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template input{
font-family: helvetica, Sans-serif;
font-size: 12px;
height:20px;
background:#ECECEC;
border: 2px solid #ccc;
}

.comments-template textarea{
font-family: helvetica, Sans-serif;
font-size: 12px;
background:#ECECEC;
border: 2px solid #ccc;
}

.comments-template textarea:focus{
border:2px solid #660000;
}

#submit{
height:30px;
cursor:pointer;
}

.project{
float:left;
margin:0 5px 10px 0;
height:140px;
width:240px;
background:#ececec;
/*background-image:url('/wp-content/images/transbg.png');
background-repeat:repeat;*/
}

.project a{
text-decoration:none;
text-align:center;
}

.clientbadge{
width:210px;
margin:10px auto 0 auto;
}

.clientbadge p{
margin:5px 0 0 0;
font-size:18px;
line-height:18px;
font-weight:lighter;
text-decoration:none;
}

.clientbadge p a{
color:#333333;
}

.clientbadge a:hover{
background:#ffcccc;
}

.sociable{
clear:both;
}


#resume-page p{
margin:10px 0 10px 20px;
}


#backcountry{
margin-top:10px;
}

#freelance{


}

#slingshot{
	
}

#bikemart{

}

#skills{
clear:both;
}

.achievements{
list-style:none;
margin:10px 0 20px 30px;
}

#footer{
clear:both;
position:relative;
top:50px;
height:auto;
width:auto;
margin:50px 0 0 0;
padding:10px;
background:#191919;
border-top:5px solid #ececec;
}

#footer p{
line-height:18px;
color:#ffffff;
}

#site-map{
width:960px;
margin:0 auto 0 auto;
}

#footer-links{
float:left;
}

#footer-links ul{
list-style-type: none;
margin-left:0px;
padding:0;
}

#footer-links ul li a{
color:#ffffff;
line-height:20px;	
}

#social-networks{
float:left;
margin:0 0 0 50px;
}

#social-networks ul{
list-style-type: none;
margin-left:0px;
padding:0;
}

#social-networks ul li a{
color:#ffffff;
line-height:20px;
text-decoration:none;
vertical-align:middle;
}

#social-networks ul li img{
vertical-align:middle;
padding:5px 0 5px 0;
}

#footer p{
clear:both;
}