/*
Theme Name: Happy Days Jukebox Hire
Theme URI: http://www.happydays-jbh.co.uk/
Description: Designed exclusively for Happy Days Jukebox Hire.
Version: v2.0
Author: Adrian Burns (PEBCOM)
Author URI: http://www.pebcom.co.uk/

The CSS, XHTML and design is exclusively owned by Happy Days Jukebox Hire
and must not be reproduced in any form without express permission of the owner.
*/




/* -------------------- LAYOUT -------------------- */

body {
font-size: 87.5%;
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
font-weight: normal;
background: #cde2f6 url('images/bg-body.png') repeat-x top center fixed;
color: #fff;
text-align: center;
margin: 0 0 10px 0;
}

#page {
width: 900px;
margin: 0 auto;
background: #e371a7 url('images/bg-page.png') no-repeat bottom center;
padding: 0;
overflow: visible;
border-left: 13px solid #cde2f6;
border-right: 13px solid #cde2f6;
}

#header {
width: 900px;
height: 200px;
padding: 0;
margin: 0 auto;
text-align: center;
overflow: hidden;
}

#content {
float: right;
overflow: hidden;
width: 540px;
height: auto;
margin: 35px 0 45px 0;
padding: 0 30px;
font-size: 1em;
text-align: justify;
}

#sidebar {
float: left;
overflow: hidden;
width: 270px;
min-height: 350px;
margin: 15px 0 45px 30px;
padding: 0;
font-size: 1em;
text-align: center;
}

#footer {
width: 900px;
height: 75px;
float: none;
overflow: hidden;
font-size: 0.8em;
margin: 0 auto;
padding: 75px 0 0 0;
text-align: center;
clear: both;
color: #fff;
}




/* -------------------- IMAGES -------------------- */

.header-img {
width: 900px;
height: 200px;
padding: 0;
margin: 0;
border: 0;
}

p img {
padding: 0;
max-width: 100%;
}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 23px !important;
margin-bottom: 20px !important;
}

img.alignright {
margin: 0 0 20px 20px;
display: inline;
}

img.alignleft {
margin: 0 20px 20px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}




/* -------------------- TYPOGRAPHY & LINKS -------------------- */

p {
margin: 0 0 18px 0;
line-height: 18px;
}

p.edit {
margin: 18px 0 18px 0;
line-height: 18px;
}

#footer p {
margin: 0;
line-height: 15px;
}

small {
font-size: 0.8em;
}

h2 {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
font-size: 2em;
font-weight: bold;
color: #e9ff32;
margin: -5px 0 22px 0;
letter-spacing: 1px;
padding: 0;
text-transform: uppercase;
}

h3 {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
font-size: 1.25em;
font-weight: bold;
color: #e1ff2f;
margin: 40px 0 18px 0;
letter-spacing: 1px;
padding: 0;
text-transform: uppercase;
}

h4 {
font-size: 1em;
font-weight: bold;
color: #8c0039;
margin: 0 0 17px 0;
padding: 0;
}

h5 {
font-size: 1em;
font-weight: bold;
color: #8c0039;
margin: 0 0 0 0;
padding: 0;
}

a, a:visited {
color: #cde2f6;
text-decoration: none;
}

a:hover {
color: #cde2f6;
text-decoration: underline;
}

#sidebar a, #sidebar a:visited {
color: #8c0039;
text-decoration: none;
}

#sidebar a:hover {
color: #8c0039;
text-decoration: underline;
}

#footer a, #footer a:visited {
color: #91bde6;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}




/* -------------------- FORMS -------------------- */

form {
margin: 0px;
padding: 0px;
}




/* -------------------- LISTS -------------------- */

ul {
margin: 0 0 20px 0;
padding: 0;
list-style: disc;
line-height: 20px;
}

ul li {
margin-left: 40px;
padding-left: 3px;
}

ol {
margin: 0 0 20px 0;
padding: 0;
list-style: decimal;
line-height: 20px;
}

ol li {
margin-left: 43px;
padding: 0;
}

/* sidebar list level 1 */
#sidebar ul {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

/* sidebar list level 2 */
#sidebar ul li ul {
padding: 0;
margin: 0;
}

#sidebar ul li ul li {
border-bottom: 1px solid #eee;
}


#sidebar ul li ul li a, sidebar ul li ul li a:visited {
text-decoration: none;
padding: 3px 0 3px 15px;
display: block;
}

#sidebar ul li ul li a:hover {
text-decoration: none;
color: #462518;
}

/* sidebar list level 3 */
#sidebar ul li ul li ul li {
padding: 2px 0 0 15px !important;
border: none;
}




/* -------------------- NAVIGATION MENU -------------------- */

#nav-container {
width: 100%;
overflow: hidden;
height: 36px;
margin: 0;
padding: 0;
background: #000 url('images/bg-nav.png') repeat-x top left;
border-top: 2px solid #e9ff32;
border-bottom: 2px solid #e9ff32;
}

#nav {
width: 100%;
height: 36px;
margin: 0;
padding-left: 0;
font-size: 0.95em;
text-transform: none;
letter-spacing: 0;
font-weight: normal;
border: 0;
}

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

#nav li {
float: left;
height: 36px;
line-height: 36px;
list-style: none;
margin: 0;
border-right: 1px dotted #444;
}

#nav .current_page_item a, #nav .current_page_item a:visited {
color: #cde3f6;
text-decoration: none;
}

#nav .page_item a {
color: #cde3f6;
text-decoration: none;
margin: 0;
display: block;
padding: 0 15px 0 13px;
}

#nav .page_item a:hover {
color: #8ba5ca;
text-decoration: none;
}




/* -------------------- NEXTGEN GALLERY -------------------- */

.ngg-galleryoverview {
overflow: hidden !important;
margin: 30px 0 30px 0 !important;
width: 100% !important;
clear: both !important; 
display: block !important;
}

.ngg-gallery-thumbnail-box {
float: left !important;
}

.ngg-gallery-thumbnail {
float: left !important;
margin: 0 !important;
}

.ngg-gallery-thumbnail img {
background-color: #f7cde1 !important;
border: 0 !important;
display: block !important;  
margin: 0 23px 23px 0 !important;
padding: 5px !important;
position: relative !important;
}

.ngg-gallery-thumbnail img:hover {
background-color: #fff !important;
} 

.ngg-gallery-thumbnail span {
font-size: 100% !important;
padding: 0 !important;
display: block !important;
}

.ngg-clear {
clear: both !important;
}




/* -------------------- MISC STYLING -------------------- */

.vvqbox {
margin-top: 30px !important;
margin-bottom: 60px !important;
}