/*

Theme Name: routes

Description: custom theme for Routes site

Author: Henrik Haanes

Author URI: http://henrikhaanes.com/

*/





/* main */



.main {
margin : 0px auto 0px auto;
padding-left: 40px;
width : 650px;
background: #fff;
}

/* standard elements */



a {
color : #999;
text-decoration : none;
}

a:hover {
color : #000;
}


body {
margin: 0;
padding: 0;
background: #fff;
color : #555;
font-size : 12px;
line-height: 1.5;
font-family : helvetica, arial, sans-serif;
}


h1 {
color: #555;
margin : 3px 0 15px 0;
font-size : 16px;
font-weight : bold;
font-family : helvetica, arial, sans-serif;
border-top: 1px dotted #ccc;
padding-top: 5px;
width: 100%;

}

h2 {
font-size : 14px;
color : #999;
font-family : helvetica, arial, sans-serif;
font-weight : bold;
text-align: left;
clear: left;
}

h3 {
color: #555;
margin : 70px 0 15px 0;
font-size : 16px;
font-weight : bold;
font-family : helvetica, arial, sans-serif;
border-top: 1px dotted #ccc;
padding-top: 5px;
width: 100%;

}


h4 {
font-size : 12px;
color : #555;
padding-top : 5px;
margin-top : 30px;
font-family : helvetica, arial, sans-serif;
font-weight : bold;
text-align: left;
clear: left;
}

h5 {
font-size : 10px;
color : #aaa;
margin-top : -15px;
margin-bottom: 20px;
font-family : helvetica, arial, sans-serif;
text-transform: uppercase;
clear: left;
letter-spacing: 1pt;
}



h3 a:hover {
color: #000;
}


/*header */


#header {
height: 100px;
width: 650px;
display: block;
border-bottom: 1px solid #ccc;
}


#logo span {
display: none;}

#logo {
float: left;
display: block;
height: 50px;
width: 480px;
margin-top: 50px;
background-image: url('/wp-content/themes/routes/img/header.gif');
background-repeat: no-repeat;
}


.tagline {
float: left;
clear: left;
font-family : helvetica, arial, sans-serif;
font-weight : normal;
text-transform: uppercase;
font-size: 10px;
color: #999;
letter-spacing: 1pt;
margin-left: 10px;
display: none;
}




/* content */



.content {
float : left;
width : 450px; 
margin-left : 20px;
background: #fff;
padding-top: 35px;
margin-bottom: 50px;
color : #555;
width: 400px;
}



.item { 
width: 450px;
float: left;
margin-bottom: 20px;
border-left: 1px dotted #ccc;
padding-left: 20px;
}

.item p {
margin-left : 50px;
margin-top: 0px;
background: #fff;
color : #555;
width: 400px;
text-align: justify;
}



blockquote {
margin : 15px 30px 0 10px;
padding-left : 20px;
border-left : 1px dotted #ccc;
font-style : italic;
}



.dateline {
margin : -15px 0 15px 0;
color : #999;
font-size : 9px;
text-align : left;
}


.postheader a {
color: #555;
}

.postheader a:hover {
color : #000;

}


/* images and captions */


.content p img {
   padding: 0;
   border: 1px solid #ccc;
   margin-top: 3px;
 
}


.wp-caption {
   margin-top: 3px;
   width: 100%;
   }
   

   .wp-caption img {
   margin: 0;
   padding: 0;
   border: 1px solid #ccc;
 
}



.wp-caption p.wp-caption-text {
color: #777;
   font-size: 11px;
   font-weight: normal;
   padding-top: 4px;
   margin-top: 0px;
   margin-bottom: 5px;
   padding-left: 0px;
   margin-left: 0px;
  max-width: 100%;
  text-align: left;
 
}



.aligncenter {
display: block;
}

.alignleft,
div.alignleft {
   float: left;
   margin-right: 20px;
margin-bottom: 10px;
  
   
}

.alignright,
div.alignright {
  float: right;
  margin-left: 20px;
margin-bottom: 10px;
  
}

img.aligncenter {
display: block;
}

img.alignleft {
   float: left;
   margin-right: 20px;
margin-bottom: 10px;
  
   
}

img.alignright {
  float: right;
  margin-left: 20px;
margin-bottom: 10px;
  
}


/* sidebar */



#side {
float: left;
width: 160px;
padding-top: 40px;
clear: left;
}


#side a {
color: #999;
}

#side a:hover {

color: #000;


}



/* footer */


.footer {
margin-left: 0;
margin-right: auto;
margin-top: 50px;
padding-top: 10px;
padding-bottom: 20px;
color : #777;
font-size : 8pt;
font-family : helvetica, arial, sans-serif;
font-weight : normal;
text-align: center;
clear : both;
background: #fff;
width: 650px;
border-top: 1px solid #ccc;
}









/* comment styling */


.leave h4 {
color: #000;
}


.commentlist {
margin-left: 0;
padding-left: 0;
float: left;
color: #222;
}


#commentlist ul {
list-style-type : none;
color: #222;
}

.commentlist h3 {
margin-top: 40px;
}



#commentform {
background : #ffffff;
float: left;
clear: both;
width: 300px;
margin-top: 40px;
}



#commentform textarea {
background : #f5f5f5;
border : 1px solid #222;
width : 300px;
}


#commentform textarea:hover {
background : #ffffff;
border : 1px solid #222;
}

#commentform textarea:focus {
background : #ffffff;
border : 1px solid #222;
}

#commentform #email, #commentform #author, #commentform #url {
font-size : 1.1em;
background : #f5f5f5;
border : 1px solid #222;
width : 300px;
color: #222;
}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size : 1.1em;
background : #ffffff;
border : 1px solid #222;
width : 300px;
}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size : 1.1em;
background : #ffffff;
border : 1px solid #222;
width : 300px;
}

#commentform input {
margin-bottom : 3px;

}