/* looselips.css*/

* {
    padding : 0px;
    margin : 0px;
}
 
html, body {
    height : 100%;
	font-family : arial, sans-serif;
    font-size : 12px;
}

.clearfloat {
    clear : both;
    float : none;
}
/* GENERAL STYLES */


h1 {
	
}

h2 {
	
}

h3 {
	
}

h4 {
	
}

h5 {
	
}

h6 {
}

p {
	text-align: justify;
	padding: 10px;
}

.big {
	font-size : 110%;
	font-weight: bold;
	color : #000000;
	padding : 10px;
}

.redbold {
	font-size: 110%;
	font-weight: bold;
	color: red;
}

.bigger {
	font-size : 130%;
	font-weight: bold;
	color : #000000;
	padding : 10px;
}

.bold {
	font-weight: bold;
}

.small {
	font-size: 80%;
	padding-bottom: 5px;
}

.smallbold {
	font-size: 80%;
	font-weight: bold;
	padding-bottom: 5px;
}

ul {
	padding-left: 15px;
} 

li {
	padding: 5px 20px 5px 10px;
}

.menulist {
/* used for menu on left side of page */
	margin: 0px;
	padding: 0px;
	width: 158px;
	border: 1px solid #000000;
}

.menulist li {
	line-height: 1; 
	list-style-type: none;
	display: block; 
	padding-top: 5px; 
	padding-bottom: 5px; 
		}

a:link, a:visited, a:active { 
	color: #000000;
		}
	
a:hover {
	background-color: #BB0000;
	color: #FFFFFF;
		}

/* MAIN DIVS */

#background {
	width : 100%;
/*	background-color: #FFFFFF; */
	background:  url(../images/bricks.gif) top left;
}

#background .brickwork {
	height: 20px;
}

#container {
    width : 770px;
	position : relative;
	margin-left : auto;
	margin-right : auto;
/* needs a border otherwise the background doesn't go to the top in firefox */
	border: 1px solid #FFFFFF;
    background-color : #FFFFFF;
}

/* TOP DIVS */

#pageheader {
	height: 120px;
	width: 100%;
	margin-top: 19px;
    background:  url(../images/loose_lips_the_band_weblogo.gif) top no-repeat;
/*
	border-bottom: 1px solid #000000;
*/
}

#pageheader h1 span {
	display : none;
}

#topmenu {
	float: right;
	margin-right: 40px;
}

/* LEFT DIVS */

#leftcolumn {
	float: left;
	margin-top: -15px;
	margin-left: 15px;
}

#leftcolumn a:link, a:visited, a:active {
/* this is the style for the main navigation links */
	font-size: 110%;
	font-weight: bold;
	color: #000000;
		}
	
#leftcolumn a:hover { 
/* this is the style for the main navigation links */
	font-size: 110%;
	font-weight: bold;
	background-color: #BB0000;
	color: #FFFFFF;
		}

#leftmenu {
/* this is the main navigation on the left */
	margin-top: -40px;
	width: 140px;
	height: 100%;
	margin-bottom: 10px;
		}

#leftmenu ul {
	margin: 0px;
	padding: 0px;
		}
	
#leftmenu li {
	line-height: 1; 
	list-style-type: none;
	display: block; 
	padding-top: 5px; 
	margin-bottom: 2px;
	margin-left: 10px;
	padding-left: 15px;
	padding-bottom: 5px;
		}
	
#gignews {
/* this is the box which will link to the gigs page */
	width: 140px;
	height: 220px;
	margin-bottom: 20px;
	background-color: #DDDDDD;
	border: 1px solid #BB0000;
}

#gignews .gignewsheading {
	margin-top: 5px;
	margin-left: 5px;
	font-weight: bold;
	font-size: 150%;
}

#gignews .gignewstext {
	margin-left: 5px;
	font-size: 110%;
	text-align: left;
}

#signup {
/* this is the box for collecting e-mail addresses */
	width: 140px;
	height: 280px;
	margin-bottom: 20px;
	background-color: #DDDDDD;
	border: 1px solid #000000;
}

#signup .signuptext {
	margin-left: 5px;
	text-align: center;
}

/* MIDDLE DIVS */

#maincontent {
	margin-top: 15px;
	margin-left: 155px;
	height: 100%;
}

#maincontent a:link, #maincontent a:visited, #maincontent a:active { 
	color: #000000;
		}
	
#maincontent a:hover {
	background-color: #BB0000;
	color: #FFFFFF;
		}

#maincontent .homebandinfo {
	margin-left: 25px;
	width: 550px;
}

#homebandinfo a:link, #homebandinfo a:visited, #homebandinfo a:active { 
	color: #000000;
		}
	
#homebandinfo a:hover {
	background-color: #BB0000;
	color: #FFFFFF;
		}

#homephoto, #homephoto2 {
	margin-top: 10px;
	margin-left: 35px;
}

#homephoto .homephotoimage, #homephoto2 .homephotoimage {
	float: left;
	border: 1px solid #999999;
	margin-bottom: 10px;
}

#homephototext {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

#homephototext .homephotoname {
	text-align: left;
}

#homephotographer {
	margin-left: 25px;
}

#giginfo1, #giginfo2, #giginfo3 {
	margin-left: 25px;
	width: 550px;
}

#gigphoto1, #gigphoto2, #gigphoto3 {
	margin-left: 35px;
}

#gigphoto1 .gigphotoimage, #gigphoto2 .gigphotoimage, #gigphoto3 .gigphotoimage {
	border: 1px solid #999999;
}

#thumbnailphoto {
	margin-left: 10px;
}

#individualphoto {
}

#individualphoto .image_l, #individualphoto .image_m, #individualphoto .image_r {
	border: 1px solid #999999;
}

#individualphoto .image_l {
	float: left;
}

#individualphoto .image_m {
	float: left;
	margin-left: 23px;
}

#individualphoto .image_r {
	float: right;
	margin-right: 58px;
}

/* BOTTOM DIVS */

#footer {
	font-size: 80%;
}

#xhtmlbadge {
	float: left;
	margin-left: 10px;
}

#xhtmlbadge .blank {
/* padding for when a page can't be validated due to external links */
	width: 88px;
	height: 31px;
}

#footercopy {
	padding: 10px;
	margin-right: 50px;
	text-align: center;
}

#footercopy a:link, a:visited, a:active {
	color: #000000;
}
	
#footercopy a:hover { 
	background-color: #BB0000;
	color: #FFFFFF;
}