/*
___________________________________________________________
    global_content_style.css

    Michael Berkeley website global content style sheet
    
    (c) 2009 Thomas Daly
___________________________________________________________

Colour palette

dark brown:		#3B1E25
dark red:		#691527
bright red:		#800F25
lighter brown:	#45242B
pinkish:		#CFB2C4
sand:			#BAA8A1
cream:			#EEE7D3
dark grey:		#382E33

*/




body					{
						margin: 0px;
						padding: 0px;
						background-color: #3B1E25;
						background-image: url('../siteimages/page_bg_bars.jpg');
						background-position: top left;
						background-repeat: repeat;
						font-family: Tahoma, Helvetica, Arial, sans-serif;
						font-size: 15px;
						}


img						{
						border: none;
						}


/* h1 used for Michael Berkeley work title on recordings page */	
h1						{
						font-family: "Kozuka Gothic Pro M", Tahoma, Helvetica, Arial, sans-serif;
						font-weight: normal;
						font-size: 22px;
						margin-top: 8px;
						padding: 0px;
						}

/* h1 used for album title on recordings page */
h2						{
						font-family: Tahoma, Helvetica, Arial, sans-serif;
						font-weight: normal;
						font-size: 17px;
						margin-top: 5px;
						padding: 0px;
						}
							
/* h3 is used for work titles on works page */
h3						{

						}
						

h4						{
						font-weight: normal;
						font-size: 18px;
						}

/* Body text paragraphs */							
p						{
						font-size: 15px;
						line-height: 22px;
						margin-top: 14px;
						margin-bottom: 14px;
						}
						
/* Smaller version of body text in bold */
.body_small				{
						font-size: 12px;
						line-height: 18px;
						margin-top: 4px;
						margin-bottom: 4px;
						}					
	
						
li						{
						margin-left: -8px;
						margin-bottom: 10px;
						margin-top: 10px;
						line-height: 22px;
						}
						
.rule					{
						height: 2px;
						border-top: 1px solid;
						border-top-color: #ccc;
						margin-top: 10px;
						margin-bottom: 10px;
						}						

/* applied to a <div> container box to embed a photo to the right in text.  May contain a caption under the image.  The correct width of this box should be specified locally */
.photo_left	
						{
						float: left;
						margin-left: 0px;
						margin-top: 20px;
						margin-bottom: 20px;
						margin-right: 20px;
						font-size: 13px;
						font-weight: bold;
						text-align: center;
						}

/* The correct width of this element should be defined locally */					
.photo_left img
						{
						margin-bottom: 8px;
						}

/* applied to a <div> container box to embed a photo to the right in text.  May contain a caption under the image.  The correct width of this box should be specified locally */
.photo_right	
						{
						float: right;
						margin-left: 20px;
						margin-top: 20px;
						margin-bottom: 20px;
						margin-right: 0px;
						font-size: 13px;
						font-weight: bold;
						text-align: center;
						}

/* The correct width of this element should be defined locally */					
.photo_right img
						{
						margin-bottom: 8px;
						}
						
							
/* Link colours: document body text (default): underline when hovering */					
								
a:link,
a:visited,
a:focus,
a:active
						{
						color: #038CC0;
						text-decoration: none;
						}
a:hover
						{
						text-decoration: underline; 
						}