/*
    Theme Name: AbbaUK
    Theme URI: http://junowebdesign.com
    Description: AbbaUK Global Style Sheet
    Version: 1.0
    Author: Juno Media
    Author URI: http://junowebdesign.com
    Tags: juno media, web design, web development, graphic design
*/


/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
		line-height: 1.5;
	    font-size: 81.25%; /* 100% = 16px */
	    color: #fff;
	    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	    background: #020202 url('images/bg.jpg') repeat-x top left;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h2 {font-size: 107.69%}
	h3 {font-size: 100%}
	h4 {font-size: 100%}
	h5 {font-size: 100%}
	h6 {font-size: 100%}
	
	h2, h3, h4, h5, h6 {margin-bottom: 10px; line-height: 1.2;}
	h4{font-size:1.3em}
	.title {color:#f3bf09;background: url('images/star.png') no-repeat 0px 0; padding-left: 30px; margin-bottom: 30px;}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link {color: #f5c10c; text-decoration: none;}
	a:visited {color:#f5bf0a; text-decoration: none}
	a:hover, a:active {text-decoration: underline;}
	
	
	a.button {background: #0c0c0c url('images/button-top.png') no-repeat top left; display: block; padding: 2px 0 0 0px; margin-bottom: 1.1em;}
	a.button span {display: block; background: url('images/button-bot.png') no-repeat bottom right; padding: 0 0px 4px 0;color: #f5c10c;}
	a.button img {margin-right: 10px;}
	a.button:hover {text-decoration: none}
	a.button span {background-image: url('images/button-bot.png');margin-top:5px}
	a.button span strong {margin-left:8px;background: url('images/star-small.png') no-repeat; padding: 0 0 3px 32px; font-weight:normal; font-size: 1.1em}
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.4;
	    text-align: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Quotes */
blockquote {background: #444; font-style: italic; padding: 20px; margin: 1.5em; color: #fff; font-family: georgia, times, serif; -moz-border-radius: 10px; -webkit-border-radius: 10px}
blockquote p{margin-bottom: .5em}
	
/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

/* Tables */
table {width: 98%; margin: .5em auto 1.5em auto; border: 1px solid #333}

thead th {background: #333; color: #fff; text-align: left; padding: .5em .4em; font-weight: bold}

tbody td {padding: .5em .4em}
tbody .alt td {background: #1f1f1f}

/***** Layout *****/
.limit {width: 900px; margin: 0 auto}
.clear {clear:both}
/* Header */
#header {}
#header .limit {overflow: hidden; height: 1%;}

	/* Logo */
	#logo {float: left; margin: 0px 10px 0px 0;}
	
	/* Quote */
	#header #header-info {float: right; margin: 20px 0 0 0; text-align: right; width: 590px;}
	#header #header-info #contact-info {height: 1%; width: 590px; padding: 0}
	#header #header-info #contact-info  span{float: right; margin: 0 0 0 20px; font-weight:bold;}
	#header #header-info #contact-info  .phone {color: #e7cf24}
	#header #header-info #contact-info a:link, #header #header-info #contact-info a:visited {color: #fff}
	#header #header-info #quote{font-family: arial, verdana, sans-serif; clear:right; padding-top:15px; height: 1%;}
	#header blockquote {margin: 0; background: none; font-style: italic;font-size:1.2em; padding: 0;color:#d5a70a}
	#header #header-info blockquote p {margin: 0 0 5px 0; text-align: right;}
	#header #header-info #quote cite a:link, #header #header-info #quote cite a:visited {color: #fff;font-style: normal;}

/* Menu */
#menu {position:relative; width: 896px; border: 2px solid #515050; height: 318px;}
#menu.intro {height: 430px;}
#menu.slideshow {height: 410px;}
#menu.no-img {height: 40px;}
#menu ul {position:absolute; top:-0px; left:0; width: 896px; margin: 0 auto; height: 40px; list-style: none; background: url('images/menu-bg.png') no-repeat top left; line-height: 40px; text-align: left;padding-left:10px}
#menu ul li {display: inline; padding: 0 1.2em;}
#menu ul li a:link {color: #fff; text-decoration: none}
#menu ul li a:visited {color: #fff;}
#menu ul li a:hover, #menu ul li a:active {
	color: #f5c00b;
	text-decoration: none
}

/* Body */
#body .limit {background: #020202 url('images/content-bg.jpg') repeat-x top left; padding: 40px 0 20px 0; overflow: hidden; height: 1%; }

	/* Content */
	#content {width: 650px; float: left; margin-bottom: 15px;}
	
	#content.men-land {width: 575px; margin-left: 26px; font-size: .85em;}
	#content.men-land .button {float: right; width: 140px;}
	
	/* Sidebar */
	#sidebar {width: 199px; float: left; margin-bottom: 15px}
	
	#sidebar h2 {font-size: 1em; margin-bottom: 10px;}
	#sidebar ul {margin: 0 0 0 .5em; list-style: none;}
	
	#sidebar .box {background: url('images/button-top2.png') no-repeat top left; padding: 15px 15px 0 15px; margin-bottom: 15px;}
	#sidebar .box .box-end {margin: 0 -15px; height: 20px; background: url('images/button-bot.png') no-repeat bottom right;}
	
	
	#sidebar.right {margin-left: 26px; float: right}
	#sidebar.left {margin-right: 26px;}
	#sidebar.men-land {width: 297px; background: #101010 url('images/land-side-bg.png') no-repeat bottom right;}
	
	#sidebar.men-land ul {margin: 20px; list-style: none; font-size: .85em;} 
	#sidebar.men-land ul li {padding-left: 15px; background: url('images/icons/arrow.gif') no-repeat 0 4px; margin-bottom: .3em;} 
	
	#sidebar ul h2{font-size: 1.1em;font-weight:bold;margin-bottom:5px;}
	#sidebar ul li.categories ul {padding: 0;margin: 0}
	#sidebar ul li.archives {padding-top:1em}
/* Footer */
	
/***** Sections *****/
.buttons {overflow: hidden; height: 1%; margin-bottom: .5em;}
/* Homepage */
#body .limit.home {padding-top: 20px}
#body .home .touring {padding-bottom: 1.4em; width: 49%; float: left}
#body .home .stage {padding-bottom: 1.4em; width: 49%; float: right; font-style: italic; font-size:1.2em; color:#d5a70a; font-family: georgia, times, serif;}

#footer {background: url('images/footer-bg.png') no-repeat top center;padding-top: 1px;  clear: both;}
#footer #footer-logo {float: left; width:90px; margin-right:20px}

#footer .footer-wrap{background: #020202 url('images/footer-bg.jpg') repeat-x top left;width:900px;height:auto;padding-top: 35px;}

#footer #footer-links{float: right; width:750px;padding:10px 0 0 8px;/*margin-right:20px;margin-right:55px !important;*/}
#footer #links {margin: 0; list-style: none;font-size: 0.9em}
#footer #links li {float: left; padding-right:13px}
#footer #links li a:link, #footer #links li a:visited {color:#a7a7a7}
#footer #links li a:hover, #footer #links li a:active {color: #f5c10c;}
#footer #copyright {clear:left;color:#a7a7a7;font-size:0.8em;line-height:2.5}
/* Blog Index */
#post-list {margin: 0; padding: 0; list-style: none}
.post {padding-bottom: 20px; margin-bottom: 20px}
.title {font-size: 1.3em; margin-bottom: 15px}
.post .meta {display: block; background: #333; padding: 8px; overflow: hidden; height: 1%; color: #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px}

/* Comments */
#comments ol {margin: 0 0 30px 0; list-style: none;}
#comments cite {display: block; margin-bottom: 5px;}
#comments blockquote {margin: 0 0 20px 0; background: #444;}
#comments cite span {font-style:normal;}

/* Gallery */
#body .limit.gal {padding-top: 0}
#body .box {overflow: hidden; width: 900px; background: #0f0f0f url('images/gallery-grad-bot.png') no-repeat bottom right}
.gallery, #contact-form {
	width: 900px;
	overflow: hidden;
	list-style: none;
	margin: 0 0 0 15px;
	background: #0f0f0f url('images/gallery-grad-top.png') no-repeat top left;
	padding: 20px;
}

.gallery li {
	width: 261px;
	float: left;
	margin: 0 32px 20px 0;
	display: inline;
}

.gallery img {display: block; margin-bottom: .2em;}

.highlight {color: #d3a60b}

/* Contact */
#contact {
	margin: 0 30px 0 0;
	padding: 0 0 25px 20px
}

#contact-info {width: 300px; float: right; padding-top: 22px;}

#cont-wrap {clear: both; overflow: hidden; height: 1%;}

/* Contact Form and Comment Form */
#contact-form, #comment-form {width: 540px; margin: 0 auto 2em auto; float: left;}

#contact-form fieldset, #comment-form fieldset {
	width: 525px;
	padding: 20px;
	margin: 0 auto
}

#contact-form label, #comment-form label {
	display: block;
	width: 145px;
	float: left;
	margin: 0 auto 1.5em auto;
	clear: left;
	line-height: 24px
}
#contact-form .text, #contact-form textarea, #comment-form .text, #comment-form textarea {
	display: block;
	width: 385px;
	float: left;
	margin-bottom: 1.5em;
	border: 0;
	padding: .2em .3em;
	font-size: 100%;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	background: #fff
}

#contact-form textarea, #comment-form textarea {height: 150px; margin-bottom: 10px}

#contact-form .button, #comment-form .button {
	float: right;
	font-size: 100%;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	color: #333;
	cursor: pointer;
	background: #f8f8f8;
	padding: .3em .5em;
	border: 0;
	margin: 0 3px 20px 0
}

/* About */

.about-left, .about-right {width:430px; float:left; display:inline; overflow:hidden;}
.about-right {float: right}
.about-text .left {width:430px; float:left; display:inline; overflow:hidden;}
.about-text .right {width:430px; float:right; display:inline; overflow:hidden;}
.about-videos {clear: both}
.about-videos .left {width:430px; float:left; display:inline; overflow:hidden;}
.about-videos .right {width:430px; float:right; display:inline; overflow:hidden;}
.about-right ul {list-style-type: none;margin-left:0}
.about-right li {float:left;width:200px;}
.about-right li.last {padding-left:25px}
.about h2{font-size:1.5em;font-weight:bold}
.about h3.highlight{font-size:1.4em;line-height:3}
.about h2.half {width:440px;}

	/* Video */
	#video, #video2 {float: left; clear: left; margin-bottom: 1.5em}

/* Clients */
.client-box {float: left; width: 190px; margin: 0 35px 20px 0; overflow: hidden;}
.client-box ul {list-style-type: none;margin-left:0}
.client-box li {background: url('images/tiny-star.png') no-repeat center left; padding-left:15px}
.client-box li a:link {color: #fff; text-decoration: none}
.client-box li a:visited {color: #fff;}
.client-box li a:hover, .client-box li a:active {
	color: #f5c00b;
	text-decoration: none
}
.client-box .box.last {margin-right: 0;}

/* Gallery */
#content-gallery {width: 100%; float: none; margin-bottom: 15px;}
.gallery-border {width: 896px; height: 410px; border: 2px solid #222; margin-bottom: 30px;}
.audio-border {width: 356px; height: 64px; border: 2px solid #222; margin-bottom: 15px;}