@charset "utf-8";

/*****************************************
Company: USO Shows
URL: www.usoshows.co.uk
Author: Dave Musgrove
*****************************************/

/*----------------------------------------
   STYLE RESET
----------------------------------------*/

* { margin: 0; padding: 0; border: 0; }

/*----------------------------------------
   BODY
----------------------------------------*/

html {  }

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color: #000000;
	background: #000000;
}
	
/*----------------------------------------
   COMMON > FONTS
----------------------------------------*/

p, h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	color: #ffffff;
}
	
h1 { 
	font-family: 'ChunkFiveRegular', Arial, Helvetica, sans-serif; 
	font-size: 36px; 
	margin: 0 0 12px 0; 
}
h2 { 
	font-family: 'ChunkFiveRegular', Arial, Helvetica, sans-serif; 
	font-size: 28px; 
	margin: 0 0 12px 0;
}
h3 { 
	font-family: 'ChunkFiveRegular', Arial, Helvetica, sans-serif; 
	font-size: 22px;
	margin: 0 0 12px 0; 
}

p { font-size: 14px; line-height: 18px; color: #000000; margin: 0 0 16px 0;  }

a { color: #990000; text-decoration: none; }
a:hover { color: #F30; text-decoration: none; }

/*----------------------------------------
   COMMON > ELEMENTS
----------------------------------------*/

.title h1, .title h2, .title h3 { padding-left: 1000px; }
.clear { clear: both; line-height: 0; }
.last-col { margin-right: 0; }

/*----------------------------------------
   CONTAINERS > GRID WRAPS
----------------------------------------*/

.body-wrap { width: 960px; margin: 0 auto; }
.content-wrap { width: 960px; }

/*----------------------------------------
   CONTAINERS > HEADER
----------------------------------------*/

#header-index { 
	height: 500px; 
	background: url(../images/bg-header-index.jpg) no-repeat; 
	text-align: center; 
}
#header-pages { 
	height: 270px; 
	background: url(../images/bg-header-pages.jpg) no-repeat; 
	text-align: center; 
}
#header-index h2, #header-pages h2 { padding: 20px 0 0 0; }
a #logo { 
	width: 310px; 
	height: 188px; 
	background: url(../images/logo.png) no-repeat; 
	overflow: hidden; 
	margin: 20px auto 0 auto; 
	cursor: pointer;
}

/*----------------------------------------
   CONTAINERS > MAIN
----------------------------------------*/

#main-index { 
	padding: 0 0 18px 18px; 
	margin: 0 0 15px 0; 
	background: #9f9775 url(../images/bg-main-index.png) no-repeat bottom; 
}

#main-pages { 
	width: 630px;
	padding: 18px 25px 30px 25px; 
	margin: 0 0 15px 0; 
	background: #9f9775 url(../images/bg-main-pages.png) no-repeat bottom; 
	float: left;
}

#main-pages img { margin: 10px; }
#main-pages ul { padding: 0 0 15px 15px; }
#main-pages ul li { font-style: italic; padding: 0 0 8px 0; }

a .quarter-col { 
	width: 221px; 
	background: #777052; margin-right: 14px; 
	float: left; 
	cursor: pointer;
}
a .quarter-col h3 { padding: 10px; margin: 0; }
a .quarter-col p { padding: 0 10px; }
a .quarter-col div.foot { background: #5c563d; text-align: right; }
a .quarter-col div.foot h3 { color: #ffffff; }

a:hover .quarter-col { background: #cac3a6; }
a:hover .quarter-col h3 { color: #7d0604; }
a:hover .quarter-col div.foot { background: #7d0604;}

#main-pages .thumb { margin: 0 5px 5px 0; }
#main-pages .thumb a img { margin: 0; }
#main-pages .thumb a { background: #777052; border: 0; }
#main-pages .thumb a:hover { background: #cac3a6; border: 0; }

p.albumname { width: 120px; line-height: 15px; background: #5c563d; color: #ffffff; padding: 0 0 5px 0; }

#main-pages .picturelist { padding: 10px 0 20px 0; }

#main-pages hr { height: 1px; border-top: 2px solid #666; margin: 10px 0;  }

/*----------------------------------------
   CONTAINERS > EVENTS
----------------------------------------*/

.calendar-event { padding: 10px 0 15px 0; border-bottom: 1px solid #666; }
#main-pages .calendar-event img { margin: 0 15px 0 0; }
.calendar-event h3 { margin: 0 0 4px 0; }
.calendar-date-from { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }

/*----------------------------------------
   CONTAINERS > SIDEBAR
----------------------------------------*/

#sidebar { 
	width: 246px; 
	padding: 0 0 22px 24px; 
	margin: 0 0 15px 0; 
	background: #9f9775 url(../images/bg-sidebar-pages.png) no-repeat bottom; 
	float: right;
}

a .side-nav {
	width: 221px; 
	background: #777052; margin: 0 14px 10px 0; 
	cursor: pointer; 
}
a .side-nav h3 { padding: 10px; margin: 0; }
a .side-nav p { padding: 0 10px; }

a:hover .side-nav { background: #cac3a6; }
a:hover .side-nav h3 { color: #7d0604; }

/*----------------------------------------
   CONTAINERS > FOOTER
----------------------------------------*/

#footer { 
	clear: both; 
	height: 20px; 
	padding: 12px 15px; 
	background: #5e583e url(../images/bg-footer.png) no-repeat bottom; 
	text-align: right; 
}
#footer p { font-size: 12px; }
#footer p a { color: #cac3a6; }
#footer p a:hover { color: #ffffff; }
#footer p span { float: left; }