/* peterbuxton.com css stylesheet */

/* generic */

body{
font:16px/100% arial,sans,helvetica,georgia,verdana;
/*letter-spacing:0.1em;*/
background:#4c5502 url(img/body_bg1.jpg) repeat-x top;
color:#5b6faa;
padding:0;
margin:0;
text-align:center}

p{
color:#000;
line-height:135%;
font-size:.7em;
padding:0 14px 7px 14px;
margin:0}

a{color:#a62402}

a:hover{text-decoration:none}

img{border:none}

h1, h2, h3{text-indent:-1000em}

h2, h3{
height:18px;
margin:13px 13px 7px 13px;}

h4{
clear:both;
margin-right:13px;
border-bottom:1px solid #737c29;
margin-left:13px;
font-size:.8em; 
color:#a32705}

h4 a {text-decoration:none}

h4 a:hover {color:#e1e0b0; background:#a32705}

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

img.top-left{
margin:0 13px 5px 0;
float:left;
padding:1px;
border:1px solid #000}

img.top-right{
margin:0 0 13px 13px;
float:right;
padding:1px;
border:1px solid #000}

img.bottom-right{
margin:13px 0 0 13px;
float:right;
padding:1px;
border:1px solid #000}

form{padding:0}

/* classes */

.clear {clear:both}

.clearfix:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden}

.clearfix{display:inline-table}

/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

.capitalise{text-transform:capitalize}

.hide{display:none}

/* stretchable images */

/* layout */

/* 48.0625em = 769px */
/* 48.1875em = 771px */

#frame{
background:#e1e0b0;
margin:0 auto;
padding:0;
border:1px solid #737c29;
text-align:left;
width:48.0625em;
/* commented backslash hack v2 \*/
width:48.1875em;
/* end hack */
width/**/:/**/ 48.0625em /* box model hack variation for ie5.x */}

/* head space */

#head_space{
height:40px;
width:769px;
background:#e1e0b0}

/* header */

#header{
background:#737c29;
width:769px;
height:105px}

#header_left{
background:transparent url(img/peter-buxton-header.jpg) no-repeat center center;
padding:0;
margin:0;
width:474px;
height:105px;
float:left}

#header_right{
padding:0;
margin:0;
background:#737c29 url(img/peter-buxton-header-left.jpg) no-repeat center center;
width:295px;
height:105px;
float:left}

/* navigation */

#nav{
height:20px;
clear:both;
background:transparent url(img/nav_bg1.jpg) repeat-x center center;
width:48.0625em; /*769px*/}

#nav ul{

margin:0;
padding:0;
list-style-type:none}

#nav ul li{display:inline}

#nav ul li a{
font-size:.75em;
padding:0 11px;
text-decoration:none;
color:#f2f2df}

#nav ul li a:hover{color:#fff;}

/* main content */

#content{
background:#e1e1af;
width:769px;
/*height:400px*/}

#left,#leftvids{
/*border-right:1px dotted #606721;*/
background:#e1e1af url(img/content_bg1.jpg) no-repeat center bottom;
width:523px;
float:left;
padding:0 0 20px 0;
margin:0}

#right{
width:246px;
float:left;
padding:0;
margin:0}

#right p{padding-top:10px;}

#index-photo{
background:transparent url(img/photo_index.jpg) no-repeat center center;
width:246px;
height:247px}

#music-photo{
background:transparent url(img/photo_music.jpg) no-repeat center center;
width:246px;
height:247px}

#music_photo{
width:246px;
height:247px}

#biography-photo{
background:transparent url(img/photo_biography.jpg) no-repeat center center;
width:246px;
height:247px}

#contact-photo{
background:transparent url(img/photo_contact.jpg) no-repeat center center;
width:246px;
height:247px}

/* footer */

#footer{
clear:both; 
text-align:center; 
height:14px; 
margin:13px 0 13px 0}

#footer span{color:#737c29; font-size:10px}

/* page specific */

/* index.html */

h3#news{
width:48px;
background:transparent url(img/h3_news.gif) no-repeat}

h3#pandora{
width:120px;
background:transparent url(img/h3_pandora.gif) no-repeat}

h3#special_offer{
width:110px;
background:transparent url(img/h3_special_offer.gif)}
h4#pandoraH4{
	font-size: 100%;
	border: 0px;
}
form input {margin-left:13px}

/* contact */

h3#contact{
width:68px;
background:transparent url(img/h3_contact.gif)}

/* music.html */

h3#music{
width:50px;
background:transparent url(img/h3_music.gif) no-repeat}

h3#biography{
width:86px;
background:transparent url(img/h3_biography.gif) no-repeat}

#left ul{
padding-left:13px}

#left ul li{padding:4px}

#left ul li div a{font-size:.9em; color:#000}


#left ul li div {font-size:.75em; color:#a62402}

#left ul li{clear:both}

#left ul li div ul li{color:green}

#left ul li div ul li span{
color:#a62402;
float:left;
display:block;
width:110px}

#caption{
text-align:center;
padding:229px 0 0 5px;
color:#fff}

#caption span{font-size:.7em}

/* wimpy */

.player-container {text-align:center; width:225px; height:325px; line-height:325px;}

body.player{background:#000;}

/* buy section */

ul.buy{
padding:0;
margin:0 14px 7px 14px;}

ul.buy form, ul.buy form input{padding:0; margin:0;}

ul.buy li{padding:0 5px 8px 0;}
ul.buy li img {margin-right:5px;}
ul.buy li a{font-size:.75em;}
.center,.vids{
	text-align: center;
}