/* style.css - a simple style sheet */

/* Variable definitions
   ====================
<Variable name="textcolor" description="Text Color" type="color" default="#ccc" value="#000000">
<Variable name="subtextcolor" description="Text Color" type="color" default="#ccc" value="#ffffff">
*/
body {
	color:$textcolor;
	background-image:url('http://www.davehughesmusic.co.uk/images/background_patter.png');
	background-color: rgb(200,133,19);
	font-family:sans-serif;
}

div.pageholder {


}
div.socialplugins
{
position:absolute;
top: 0px;
right:0px;
}
div.dhmheader {
	margin-left:1em;
	margin-bottom:40px;
border-bottom: dotted 2px white;
	height:250px;
	width:900px;
	background-image:url('http://www.davehughesmusic.co.uk/images/dtb_header.png');
	background-repeat:no-repeat;
}
div.album{
height:150px;
}
div.album_picture{
width:150px;
}
div.album_blurb{
position:relative;
left:180px;
top:-150px;
width:300px;
}
div#dhmnavbar {
position:absolute;
top:210px;
margin-left:1em;
margin-bottom:20px;
  width:900px;
height:30px;
  text-align: justified;
}

div.dhmmenu_item
{
margin-left:1em;
width:5pc;
	padding-left:1px;
	padding-top:5px;
	position:relative;
	float: left;
}

div.dhmmenu_2line_item
{

	width:5pc;
	padding-top:3px;
	padding-left:1px;
	position:relative;
	float: left;
}

div.dhmmenu_item a
{
	font-family: Serif,SunSans-Regular, sans-serif;
	text-decoration: none;
	color:black;
	font-size:24px;
}
div.dhmmenu_2line_item a
{
	font-family: Serif,SunSans-Regular, sans-serif;
	text-decoration: none;
	color:black;
	text-align:centered;
	line-height:80%;
	font-size:18px;
}

div.container {
	
	position:relative;
	left:0px;
}
span.chords{
white-space: pre;
}

div.textbox {
 
	width: 600px; 
	
}

div.contentbox {
	margin-top:1em;
	margin-bottom:2em;
	margin-left:3em;
	margin-right:3em;
}

div.contentboxtwo {
	margin-top:1em;
	margin-bottom:0em;
	margin-left:3em;
	margin-right:3em;
}

div.widetextbox {
	margin-top:3em; 
	margin-left:1em; 
	width: 800px;
}



h1.subtext{
	text-align: center; 
	font-weight:bold; 
	font-size:300%;
}

div.sidebar { 
	margin-left:2em; 
position: absolute; 
top:0px;
left:650px; 
margin-bottom:5em;  
width: 300px;

}

div.maincontent {
	margin-left:1em; 
	width: 600px; 
}

p{
	color:black; 
font-size: 14px;
	margin: 1em 0 0 0;
}

p a{
	color:black; 
	font-size: 14px;
	font-weight:bold; 
	margin: 1em 0 0 0;
}


/*Gigs page specifics*/
div.nextgig{ 
	margin-left:2em; 
	margin-bottom: 1em; 
	height: 100px; 
	text-align:center; 
	width: 700px;
	border-style:solid;
	border-width:2px; 
	
}
span.nextgig{
	margin:1em;
	margin-bottom:3px;
	font-size:20px;
	font-weight:bold;

}
div.gigListing {
	margin-bottom:1em;
	margin-right:3em;
        font-size:14px;
}
span.supportActs
{
	font-size:10px;
	font-style:italics;
	text-align:right;
	color:$subtextcolor;
}
span.gigDetails
{
	font-size:14px;
}
span.gigMap
{
	font-size:10px;
}

div.upcomingGigsHeader{

}

div.upcominggigs{ 
	position: relative; 
	top: 0px;  
	width:600px;
	margin-left:2em;

         }
	
div.previousgigs{ margin-left:2em; position: absolute; top:-20px; left:650px; margin-bottom:5em;  width: 300px;
}
div.previousGigsList{
margin-left:1em;
font-size:10px;
}
p.booking{
	color:$textcolor;
	font-size:14px;
}
div.booking{
 position:relative;
margin-left:2em;
margin-top:3em;
width: 550px; 
	
}

/*who specifics */
div.whocontainer{position: absolute; top: 280px; width: 600px;}
span.contactInfo{font-size:10px; color:$subtext; }

/*title page specifics */
introtitle{text-align:center; color:black; font-weight:bold; font-size:120%;}
introtext{text-align:center; color:black; font-style:italic; font-size:80%;}
div.imagecontainer{margin-top:5em;}