/* - - - - - - - - - - - - - - - - - - - - -

Title : Paul Vieira Stylesheet
Author : Arjen Scherff
URL : http://www.aratramba.nl
Description : BASE Screen CSS

- - - - - - - - - - - - - - - - - - - - - */

body, html{
margin: 0;
padding: 0;
}

body{
font: 62.5% Verdana, Tahoma, Arial, "Microsoft Sans Serif", geneva, helvetica, sans-serif;
background: #F2EFDA url(../img/main_background.gif);
}

#header h1, 
#header h2{
display: none;
}

.cnt{
text-align: center;
}
.innercnt{
width: 960px;
margin: 0 auto;
position: relative;
border: none;
text-align: left;
}

h1, h2, h3, h4, h5{
margin: 0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header{
background: #EB9628 url(../img/header.gif) repeat-x 50% 0;
height: 220px;
border-bottom: 1px solid white;
}

#visual{
position: absolute;
left: 0;
top: 40px;
z-index: 100;
height: 528px;
width: 399px;
float: left;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav{
margin: 0;
padding: 24px 0 0 53px;
list-style-type: none;
position: absolute;
left: 312px;
top: 174px;
height: 26px;
width: 470px;
display: block;
background: url(../img/menu_background.gif) no-repeat top left;
z-index: 200;
}

 #nav li{
 float: left;
 height: 13px;
 }
  
  #nav li a{
  display: block;
  width: 100%;
  height: 100%;
  }
  
   #nav li a img{ 
   border: none;
   text-decoration: none;
   height: 13px;
   display: none;
   }
   
   #nav li.current a img{ display: block; }
   
   #nav li a:hover{ background: #4D0303; }
 
   #nav li a:hover img{ 
   border: none;
   text-decoration: none;
   display: block;
   }
   
   #nav li#btn_home{ width: 49px; }
   #nav li#btn_book{ width: 85px; }
   #nav li#btn_blog{ width: 57px; }
   #nav li#btn_music{ width: 63px; }
   #nav li#btn_podcasts{ width: 83px; }
   #nav li#btn_contact{ width: 59px; }
   
   
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Main Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main_content{
border-top: 17px solid #640000;
background: url(../img/main_content_background.gif) no-repeat 50% 0;
}

#main_content .innercnt{
color: #140000;
font-size: 1.4em;
padding: 30px 0 15px 0;
line-height: 1.8em;
}

#home #main_content .innercnt{
width: 490px;
padding: 30px 0 15px 370px;
}

 #main_content .innercnt h3{
 display: inline;
 font-size: 1.6em;
 font-weight: normal;
 margin: 0 5px 0 0;
 }
 
 #main_content .innercnt #btn_excerpt{
 position: relative;
 left: -300px;
 top: 20px;
 }
 #main_content .innercnt #btn_buy{
 position: relative;
 left: -300px;
 top: 20px;
 }
 
    #main_content .innercnt #btn_excerpt,
    #main_content .innercnt #btn_excerpt img,
    #main_content .innercnt #btn_buy,
    #main_content .innercnt #btn_buy img,
    #blog_items .innercnt #recently_on_blog,
    #blog_items .innercnt #recently_on_blog img{
    text-decoration: none;
    border: none;
    }
  
#main_content a{
color: #400000;
text-decoration: none;
border-bottom: 1px dotted #400000;
}

#main_content a:hover{
text-decoration: underline;
border-bottom: none;
}
  
  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Home blog items
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#blog_items{
background: #D9D5B4 url(../img/home_blog_background.gif) repeat-x top left;
}

 #blog_items br{ clear: left; }

 #blog_items .blog_item{
 width: 298px;
 float: left;
 padding: 10px;
 }
 
  #blog_items .blog_item h3{
  color: #230000;
  font-family: Georgia, Garamond, Verdana, Arial;
  font-size: 1.6em;
  font-style: normal;
  margin: 10px 0;
  }
  
   #blog_items .blog_item h3 a{
   text-decoration: none;
   color: #230000;
   }
   
   #blog_items .blog_item h3 a:hover{
   color: #400000;
   border-bottom: 1px dotted #400000;
   }
  
  #blog_items .blog_item p{
  color: #230000;
  font-family: Georgia, Garamond, Verdana, Arial;
  font-size: 1.2em;
  font-style: normal;
  line-height: 1.9em;
  }
  
  #blog_items .blog_item a{
   text-decoration: none;
   color: #230000;
   }
   
   #blog_items .blog_item a:hover{
   color: #400000;
   border-bottom: 1px dotted #400000;
   }
  
   #blog_items .blog_item p a{
   text-decoration: none;
   color: #230000;
   font-size: 1em;
   }
   
   #blog_items .blog_item p a:hover{
   color: #400000;
   border-bottom: 1px dotted #400000;
   }
 
  #blog_items .blog_item .date{
  width: 45px;
  text-align: center;
  float: left;
  margin: 0 10px 5px 0;
  color: #5F4A33;
  line-height: 1.6em;
  }
  
   #blog_items .blog_item .date span{
   font-family: Tahoma, Verdana, Arial;
   font-size: 0.9em;
   font-style: normal;
   }
  
   #blog_items .blog_item .date em{
   font-family: Tahoma, Verdana, Arial;
   font-size: 2em;
   font-style: normal;
   }
   
  #blog_items .blog_item .blog_footer{
  font-family: Tahoma, Verdana, Arial;
  color: #5F4A33;
  font-size: .9em;
  text-decoration: none;
  }
  
   #blog_items .blog_item .blog_footer:hover{
   color: #400000;
   border-bottom: 1px dotted #400000;
   }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
About
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#about{
background: #E5E1C4;
padding: 30px 0 60px 0;
color: #140000;
font-size: 1.2em;
line-height: 2em;
}

 #about #about_paul{
 width: 490px;
 margin: 0 0 0 420px;
 padding: 40px 0 0 0;
 }


 #about img{
 float: left;
 margin-left: 40px;
 }
 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Contact
~~~~~~~~~*~~~~~~~~~~~~~~~~~~~~~~~~*/

.payoff{
background: #E5E2C7 url(../img/payoff_background.gif);
font-size: 1.4em;
font-weight: normal;
line-height: 1.5em;
color: #0F0E0B;
margin: 20px 0 35px -10px;
padding: 10px 20px;
}

 .payoff a{ text-transform: uppercase; }
 
#contact p{
font-size: .9em;
line-height: 1.8em;
}

#contact fieldset,
#blog fieldset{
margin: 40px 0 20px 0;
padding: 0;
border: none;
background: #E5E2C7;
}
#blog fieldset{ margin: 10px 0 20px 0; }

#contact fieldset input,
#contact fieldset textarea,
#blog fieldset input,
#blog fieldset textarea{
border: 6px solid white;
font-size: 1.1em;
width: 200px;
margin: 0 1em;
font-family: Tahoma, Arial, "Microsoft Sans Serif", verdana, sans-serif;
}

#contact fieldset textarea,
#blog fieldset textarea{
overflow: auto;
height: 200px;
width: 400px;
line-height: 1.5em;
font-size: 1.1em;
}

#contact fieldset label,
#blog fieldset label{
color: #400000;
margin: 0 1em;
}

#contact fieldset label span,
#blog fieldset label span,
#blog fieldset span.req{
color: #777;
font-size: .8em;
margin-left: 10px;
}

#blog fieldset input#yourwebsite{ width: 400px; }

#contact fieldset .button,
#blog fieldset .button{
border: none;
width: auto;
margin: 0 0 0 .6em;
}

#contact .warning,
#blog .warning{
border-bottom: 1px dotted #140000;
font-weight: bold;
color: #140000;
background: url(../img/red_arrow.gif) no-repeat 0 50%;
text-indent: 15px;
margin: 1em 0 0 1em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
The book
~~~~~~~~~*~~~~~~~~~~~~~~~~~~~~~~~~*/

#book #content p{
font-size: .9em;
line-height: 1.8em;
}

#book #content h3{
margin: 0;
padding: 0 0 20px 0;
font-size: 1.4em;
display: block;
}

#book #content ul{
list-style-type: none;
font-size: .9em;
margin: 20px 0;
padding: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
The book quotes
~~~~~~~~~*~~~~~~~~~~~~~~~~~~~~~~~~*/

#book #content #breadcrumb{ 
padding-bottom: 20px;
}

#book #content blockquote{
background: #E5E2C7 url(../img/payoff_background.gif);
margin-left: 0;
font-family: Georgia, Garamond, serif;
background: #E5E2C7 url(../img/payoff_background.gif);
color: #0F0E0B;
font-size: 1.2em;
margin: 18px 0;
padding: 10px 15px;
}

 #book #content blockquote .author{
 font-weight: bold;
 margin-top: 40px;
 border-top: 1px dotted #140000;
 clear: both;
 }
 
  #book #content blockquote span.startquote {
  float: left;
  height: 45px;
  margin-top: -20px;
  padding-top: 35px;
  margin-bottom: -50px;
  font-size: 700%;
  }
  
  #book #content blockquote span.endquote {
  float: right;
  height: 45px;
  line-height: 70px; 
  padding-bottom: 20px;
  margin-top: -50px;
  font-size: 700%;
  }
  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
The book news & dates
~~~~~~~~~*~~~~~~~~~~~~~~~~~~~~~~~~*/

#book #content dl.dates{
 background: #E5E2C7 url(../img/payoff_background.gif);
 color: #0F0E0B;
 font-size: .9em;
 margin:10px 0 40px 0;
 padding: 10px 15px;
 }
 
  #book #content dl.dates dt{
  display: block;
  margin: 0;
  padding-top: 10px;
  }
  
  #book #content dl.dates dd{
  border-bottom: 1px dotted #140000;
  margin: 0;
  padding-bottom: 10px;
  }
  
 #book #content .news_heading{
 margin: 20px 0 0 0;
 border-bottom: 1px dotted #140000;
 }
 
 #book #content .news_date{
 margin: 0 0 10px 0;
 font-size: .8em;
 }


#book #content ul.articles{
 background: #E5E2C7 url(../img/payoff_background.gif);
 color: #0F0E0B;
 font-size: .9em;
 margin:10px 0 40px 0;
 padding: 10px 15px;
 }
 
 
#book #content .buy{
background: #E5E2C7 url(../img/payoff_background.gif);
margin-left: 0;
background: #E5E2C7 url(../img/payoff_background.gif);
color: #0F0E0B;
margin: 18px 0;
padding: 10px 15px;
}

 #book #content .buy h4{
 font-size: 1em;
 }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Music
~~~~~~~~~*~~~~~~~~~~~~~~~~~~~~~~~~*/
#music #content h5{
margin: 20px 0 0 5px;
}

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

 #music #content ul li{
 text-align: center;
 line-height: 1em;
 margin: 0 0 20px 0;
 font-size: .8em;
 width: 99px;
 height: 120px;
 float: left;
 }
 
    #music #content ul li img{
    width: 85px;
    display: block;
    border: 3px solid #DBD7B8;
    margin: 0 auto;
    }
    
    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Weblog
~~~~~~~~~*~~~~~~~~~~~~~~~~~~~~~~~~*/

#blog #sidebar{
padding-left: 40px;
}

 #blog #sidebar h5{
 font-size: .9em;
 }

  #blog #sidebar ul{
  list-style-type: none;
  margin: 10px 0 40px 0;
  padding: 0;
  font-size: .9em;
  width: 275px;
  }
  
   #blog #sidebar ul li{
   background: url(../img/red_arrow.gif) no-repeat 6px 9px;
   }
   
    #blog #sidebar ul li em{
    font-weight: bold;
    font-style: normal;
    }
  
    #blog #sidebar ul li a{
    width: 100%;
    height: 100%;
    display: block;
    border-bottom: 1px dotted #400000; 
    padding-left: 16px;
    }
    
    #blog #sidebar ul li a:hover{
    text-decoration: none;
    color: black;
    text-indent: 1px;
    }
    
    
    

#blog #content .blog_item .blog_header{
height: 80px;
float: left;
width: 100%;
margin-bottom: 5px;
}
#blog #content .blog_item h3{
color: #140000;
font-family: Georgia, Garamond, Verdana, Arial;
font-size: 1.8em;
line-height: 1em;
font-style: normal;
display: block;
padding: 10px 0 0 0;
margin: 0;
}
  
   #blog #content .blog_item h3 a{
   text-decoration: none;
   color: #230000;
   border: none;
   }
   
   #blog #content .blog_item h3 a:hover{
   color: #400000;
   border-bottom: 1px dotted #400000;
   }
   
  #blog #content .blog_item .blog_info{
  padding: 0;
  margin: 0;
  width: 470px;
  height: 120px;
  _height: 0;
  }
   
    #blog #content .blog_item .blog_info a,
    #blog #content .blog_item .blog_info span{
    height: 29px;
    background: #DEDBC0 url(../img/rounded_right_corner.gif) no-repeat top right;
    border: none;
    color: #AAA78A;
    font-size: 1em;
    padding: 0 8px 0 0;
    margin-left: 5px;
    float: left;
    line-height: 29px;
    }
    
    #blog #content .blog_item .blog_info a em,
    #blog #content .blog_item .blog_info span em{
    height: 29px;
    width: 8px;
    display: block;
    float: left;
    background: #DEDBC0 url(../img/rounded_left_corner.gif) no-repeat top left;
    }
    
    #blog #content .blog_item .blog_info a:hover{ 
    color: #666456;
    text-decoration: none;
    border: none;
    }
  
  #blog #content .blog_item p{
  color: #230000;
  font-size: .9em;
  font-style: normal;
  line-height: 1.8em;
  }
  
   #blog #content .blog_item p a{
   text-decoration: none;
   color: #230000;
   }
   
   #blog #content .blog_item p a:hover{
   color: #400000;
   border-bottom: 1px dotted #400000;
   }
 
  #blog #content .blog_item .date{
  width: 67px;
  height: 80px;
  text-align: center;
  float: left;
  margin: 0 10px 5px 0;
  padding: 10px 0 0 0;
  color: #5F4A33;
  line-height: 1.6em;
  font-size: .8em;
  background: url(../img/blog_date_background.gif) no-repeat top left;
  }
  
   #blog #content .blog_item .date span{
   font-family: Tahoma, Verdana, Arial;
   font-size: 0.9em;
   font-style: normal;
   display: block;
   }
  
   #blog #content .blog_item .date em{
   font-family: Tahoma, Verdana, Arial;
   font-size: 2em;
   font-style: normal;
   }
   
  #blog #content .blog_text{ padding: 10px; }
   
  #blog #content .blog_text{
  font-size: 1em;
  }
   
  #blog .seperator{
  margin-bottom: 40px;
  }
  
  #blog #content .blog_text em{
  font-size: 1em;
  font-style: italic;
  }
  
  #blog #content .blog_text strong{
  font-weight: bold;
  }
  
  #blog #content .blog_text h4,
  #blog #content .blog_text h5,
  #blog #content .blog_text h6{
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
  }
  
  #blog #content .blog_text img{
  border: none;
  }
  
  #blog #content .blog_text blockquote{
  border-left: 3px solid #230000;
  padding: 0 10px;
  font-style: italic;
  }
  

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Blog Comments
~~~~~~~~~*~~~~~~~~~~~~~~~~~~~~~~~~*/
#blog #content blockquote.comment_item{
margin-left: 0;
font-family: Georgia, Garamond, serif;
background: #E5E2C7 url(../img/payoff_background.gif);
color: #0F0E0B;
font-size: 1em;
margin: 18px 0;
padding: 10px 15px;
height: auto;
}

 #blog #content blockquote.comment_item .author{
 font-weight: bold;
 border-top: 1px dotted #140000;
 margin-top: 40px;
 }
 
  #blog #content blockquote.comment_item .author span{
  font-weight: normal;
  margin-top: 0;
  }
 
  #blog #content blockquote.comment_item span.startquote {
  float: left;
  height: 45px;
  margin-top: -20px;
  padding-top: 35px;
  margin-bottom: -50px;
  font-size: 700%;
  }
  
  #blog #content blockquote.comment_item span.endquote {
  float: right;
  height: 45px;
  line-height: 30px; 
  padding-bottom: 20px;
  margin-bottom: 0;
  margin-top: -30px;
  font-size: 700%;
  background: #E5E2C7;
  }
  
  
  #blog #content .leave_comment{
  margin-left: 10px;
  }
  
  
  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Generic content
~~~~~~~~~*~~~~~~~~~~~~~~~~~~~~~~~~*/

#content{
margin-left: 410px;
width: 490px;
}

 #content hr{
 clear: both;
 margin: 10px 0;
 text-align: right; 
 height: 1px; 
 color: #640000; 
 border: none;
 }
 
  html>body hr { 
  margin-right: 0; 
  height: 1px; 
  background-color: #640000; 
  border: 0px solid #640000; 
  } 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Generic sidebar
~~~~~~~~~*~~~~~~~~~~~~~~~~~~~~~~~~*/

#sidebar{
float: left;
margin-top: 305px;
margin-left: 20px;
margin-bottom: 20px;
 width: 310px;
}

 #sidebar dl{
 background: #E5E2C7 url(../img/payoff_background.gif);
 color: #0F0E0B;
 font-size: .9em;
 margin: 0;
 padding: 10px 15px;
 }
 
  #sidebar dl dt{
  float: left;
  display: block;
  width: 100px;
  }
  
  #sidebar dl dd{
  margin-left: 100px;
  }
  
  #sidebar h4.dates{
  display: none;
  }
  
 #sidebar .quote{
 font-family: Georgia, Garamond, serif;
 background: #E5E2C7 url(../img/payoff_background.gif);
 color: #0F0E0B;
 font-size: .9em;
 margin: 0;
 padding: 10px 15px;
 }
 
 #sidebar a,
 #sidebar a img{
 border: none;
 text-decoration: none;
 }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Footer
~~~~~~~~~*~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer{
text-align: left;
color: #140000;
background: url(../img/footer_background.gif);
height: 40px;
clear: both;
margin-top: 20px;
}

 #footer p{
 line-height: 40px;
 margin: 0;
 }

#home #footer{
background: none;
height: auto;
line-height: 40px;
}

 #footer em{
 margin: 0 10px;
 }

 #footer a{
 color: #140000;
 border-bottom: 1px dotted #140000;
 text-decoration: none;
 }