/*
Theme Name: Baghdaddies
Theme URI: http://baghdaddies.com/
Description: The theme of the <a href="http://baghdaddies.com/">Baghdaddies Website</a>
Version: 1.0
Author: Roots and Wings
Author URI: http://newcastlerootsandwings.com/

	Baghdaddies v1.0

	This theme was designed by Katerina Brunclikova and built by Jon Burger.
	http://newcastlerootsandwings.com
	
*/
/** @section General ********************************************/
html {
	height:100%;
}
body {
	font:62.5%/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	text-align:center;
	background:#000;
	height:100%;
	color:#222;
	padding:0;
	margin:0;
}

/* margins */
p, dl, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, hr {
	margin:0 0 12px;
	border:none;
	padding:0;
}

/* forms */
input, textarea, select, option {
    font:1em Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    color:#000;
}
legend {
    display:none;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

/* super and sub text */
sup {
	vertical-align:super;
	font-size:.8em;
}
sub {
	vertical-align:sub;
	font-size:.8em;
}

/* blockquotes */
blockquote, q {
	font-style:normal;
	quotes:none;
    padding:0;
    margin:0;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:normal;
}

/* links */
a {
    border-bottom:2px solid #cdc9bc;
    text-decoration:none;
	font-weight:bold;
    color:#9d2425;
}
a:hover, a:focus, .hover a {
    border-color:#9d2425;
}
a:focus {
	outline:1px dotted invert;
}

/* images */
img {
	border:0;
}

/* headings */
h1 {
	font-size:1.5em;
}
h2 {
	font-size:1.3em;
}
h3 {
	font-size:1.1em;
}
h4, h5, h6 {
	font-size:1em;
}

/* lists */
ol {
	padding:0 0 0 26px;
	list-style:decimal;
}
ul {
	padding:0 0 0 26px;
	list-style:disc;
}

/* tables - still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* horizontal rule */
hr {
	border-top-color:#cdc9bc;
	border-width:2px 0 0;
	border-style:solid;
	position:relative;
	clear:both;
	height:0;
}
fieldset hr {
	border-style:dotted;
	margin:12px 0;
}

/** @section Layout *********************************************/
#page {
	background:url(images/bg_page.jpg) 0 100%;
	position:relative;
	min-height:100%;
	font-size:1.2em;
	margin:0 auto;
	width:980px;
}
.ie6 {
	height:100%; /* min-height */
}

#header {
	position:relative;
	z-index:20;
}
#header h1 {
	background:url(images/bg_navigation.png) no-repeat -10px 0;
	position:relative;
	height:166px;
	width:980px;
	margin:0;
}
#header h1 a {
	text-indent:-999in;
	position:absolute;
	border:none;
	height:90px;
	width:545px;
	left:225px;
	top:30px;
}
#header .navigation {
	margin:-52px auto 0;
	position:relative;
	list-style:none;
	overflow:hidden;
	width:700px;
	padding:0 0 0 70px;
}
#header .navigation li {
	display:inline;
	float:left;
}
#header .navigation li a {
	background:url(images/txt_navigation.png) no-repeat;
	text-indent:-999in;
	overflow:hidden;
	display:inline;
	border:none;
	float:left;
}
#header .navigation .contact a {
	background-position:0 -13px;
	height:54px;
	width:99px;
}
#header .navigation .contact a:hover,
#header .contact .contact a {
	background-position:0 -73px;
}
#header .navigation .gigs a {
	background-position:-99px -13px;
	height:55px;
	width:62px;
}
#header .navigation .gigs a:hover,
#header .gigs .gigs a {
	background-position:-99px -73px;
}
#header .navigation .about a {
	background-position:-161px -15px;
	height:45px;
	width:101px;
}
#header .navigation .about a:hover,
#header .about .about a {
	background-position:-161px -75px;
}
#header .navigation .news a {
	background-position:-262px -11px;
	height:51px;
	width:125px;
}
#header .navigation .news a:hover,
#header .news .news a {
	background-position:-262px -71px;
}
#header .navigation .shop a {
	background-position:-388px -10px;
	height:42px;
	width:61px;
}
#header .navigation .shop a:hover,
#header .shop  .shop a {
	background-position:-388px -70px;
}
#header .navigation .publicity a {
	background-position:-448px -10px;
	height:60px;
	width:100px;
}
#header .navigation .publicity a:hover,
#header .publicity .publicity a {
	background-position:-448px -70px;
}
#header .navigation .media a {
	background-position:-548px -10px;
	height:55px;
	width:152px;
}
#header .navigation .media a:hover,
#header .media .media a {
	background-position:-548px -70px;
}

#main {
	position:relative;
	padding:0 0 235px;
	text-align:left;
	z-index:1;
	margin:0;
}
#footer {
	position:absolute;
	background:#000;
	overflow:hidden;
	padding:10px 0;
	width:980px;
	z-index:50;
	bottom:0;
	left:0;
}
#footer a {
	border-color:#222;
}
#footer a:hover {
	border-color:#9D2425;
}

.creator {
	color:#666;
	float:right;
	margin:0;
}

.social {
	list-style:none;
	display:inline;
	float:left;
	padding:0;
	margin:0;
}
.social li {
	padding-left:20px;
	margin-right:10px;
	display:inline;
}
.social a {
	position:relative;
}
.social a span {
	position:absolute;
	height:16px;
	width:16px;
	left:-20px;
} 
.facebook {
	background:url(icons/facebook_16.png) no-repeat;
}
.myspace {
	background:url(icons/myspace_16.png) no-repeat;
}
.twitter {
	background:url(icons/twitter_16.png) no-repeat;
}
.flickr {
	background:url(icons/flickr_16.png) no-repeat;
}
.rss {
	background:url(icons/rss_16.png) no-repeat;
}
.mailing-list {
	background:url(icons/email_16.png) no-repeat;
}
.guestbook {
	background:url(icons/gb_16.png) no-repeat;
}

.bubble {
	padding:140px 0 124px 63px;
	position:relative;
	margin:0 0 0 68px;
	width:718px;
}
.bubble .content {
	margin:-35px 0 -35px;
	position:relative;
	overflow:hidden;
	z-index:1;
	zoom:1;
}
.bubble .mid {
	background:url(images/bg_bubble-mid.png);
	position:relative;
	padding:1px 20px;
	z-index:1;
	
	zoom:1;
}
.bubble .top {
	background:url(images/bg_bubble.png) no-repeat 0 0;
	position:absolute;
	height:140px;
	width:100%;
	left:0;
	top:0;
}
.bubble .btm {
	background:url(images/bg_bubble.png) no-repeat 0 100%;
	position:absolute;
	margin:-124px 0 0;
	height:124px;
	width:100%;
	top:100%;
	left:0;
}
.bubble .top.type2 {
	background-position:-781px 0;
}
.bubble .btm.type2 {
	background-position:-781px 100%;
}
.bubble .top.type3 {
	background-position:-1562px 0;
}
.bubble .btm.type3 {
	background-position:-1562px 100%;
}

.bubble h1 a {
	color:#222;
}
.bubble h1 a:hover,
.bubble h1 a:focus {
	color:#9d2425;
}

.bubble h1 .post-edit-link {
	text-transform:lowercase;
	vertical-align:bottom;
	font-size:.8em;
	color:#9d2425
}

.bubble .date {
	font-size:1.1em;
	color:#76725e;
	margin:0;
}


.grass {
	background:url(images/bg_grass.jpg);
	position:absolute;
	height:635px;
	width:980px;
	bottom:0;
	left:0;
}
.clouds-top,
.clouds-mid,
.clouds-btm {
	background:url(images/bg_cloud.png) no-repeat;
	position:absolute;
	height:250px;
	width:980px;
	left:0;
}
.clouds-top {
	background-position:700px 0;
	top:90px;
}
.clouds-mid {
	background-position:-50px 0;
	top:170px;
}
.clouds-btm {
	background-position:250px 0;
	top:320px;
}
.trees-left {
	background:url(images/bg_trees-left.png) repeat-y;
	position:absolute;
	height:100%;
	width:186px;
	left:0;
	top:0;
}
.trees-right {
	background:url(images/bg_trees-right.png) repeat-y;
	position:absolute;
	height:100%;
	width:163px;
	left:817px;
	top:0;
}

.eye-1 {
	position:absolute;
	z-index:30;
	left:63px;
	top:185px;
}
.eye-2 {
	position:absolute;
	z-index:30;
	left:48px;
	top:295px;
}
.eye-3 {
	position:absolute;
	z-index:30;
	left:64px;
	top:493px;
}
.eye-4 {
	position:absolute;
	z-index:30;
	left:78px;
	top:389px;
}

/** @section Content ********************************************/

/* Begin Images */
p img {
	max-width: 100%;
	padding: 0;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignright {
	padding:0 0 10px 10px;
	display:inline;
}

img.alignleft {
	padding:0 10px 10px 0;
	display:inline;
}

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

.gallery-icon a {
	border:none;
}
#page .gallery-icon a img {
	border-color:#cdc9bc;
}
#page .gallery-icon a:hover img,
#page .gallery-icon a:focus img {
	border-color:#9d2425;
}
/* End Images */

.sub-nav {
	position:relative;
	text-align:center;
	font-size:1.3em;
	margin:20px 0;
	z-index:10;
	zoom:1;
}
.sub-nav li {
	display:inline;
}
.sub-nav li a {
	position:relative;
	padding:3px 15px;
	border:none;
	color:#fff;
	z-index:11;
}
.sub-nav li a:hover,
.sub-nav li a:focus {
	color:#9d2425;
}
.sub-nav li.current_page_item a {
	color:#9d2425;
	z-index:10;
}
.sub-nav li a span {
	position:absolute;
	display:none;
}
.sub-nav li .hl-1 {
	background:url(images/ico_sub-nav-1.png) no-repeat;
	height:52px;
	width:56px;
	right:-25px;
	top:-36px;
}
.sub-nav li .hl-2 {
	background:url(images/ico_sub-nav-2.png) no-repeat;
	height:119px;
	width:84px;
	right:-35px;
	top:-51px;
}
.sub-nav li .hl-3 {
	background:url(images/ico_sub-nav-3.png) no-repeat;
	height:52px;
	width:41px;
	right:-3px;
	top:-47px;
}
.sub-nav li .hl-4 {
	background:url(images/ico_sub-nav-4.png) no-repeat;
	height:51px;
	width:44px;
	left:-11px;
	top:-35px;
}
.sub-nav li .hl-5 {
	background:url(images/ico_sub-nav-5.png) no-repeat;
	height:109px;
	width:78px;
	left:-46px;
	top:-54px;
}

/*.sub-nav li a:hover span,
.sub-nav li a:focus span,*/
.sub-nav li.current_page_item a  span {
	display:inline;
}

.btm-nav {
	margin-top:0;
}

.purchase {
	position:absolute;
	text-align:center;
	font-size:1.5em;
	overflow:hidden;
	margin:0 0 12px;
	bottom:0;
	right:0;
}
.purchase form {
	margin:0;
}
.purchase .display-price {
	text-transform:uppercase;
}
.purchase img {
	display:block;
}

#homeFlash {
	margin:0 0 -86px;
}
#aboutFlash {
	margin:-295px 0 -205px;
}
object {
	display:block;
	outline:none;
	padding:0;
}
.cockerel {
	background:url(images/img_cockerel.png) no-repeat;
	position:absolute;
	height:212px;
	width:350px;
	left:562px;
	top:-140px;
	z-index:20;
}

.add-comment textarea {
	width:99%;
}
.add-comment input {
	width:30%;
}
.add-comment #submit {
	width:auto;
}
.comments-list {
	list-style:none;
	padding:0;
}
.comments-list .children {
	padding:0 0 0 32px;
	list-style:none;
	margin:0;
}
.comments-list li {
	border-top:2px dotted #CDC9BC;
}
.comments-list > li:first-child {
	border:none;
}
.comments-list .reply {
	margin:-10px 0 12px;
}
.comments-list .reply a {
	background:#CDC9BC;
	padding:2px 4px;
	border:none;
	color:#fff;
}
.comments-list .reply a:hover {
	background:#9D2425;
}
.comment-body {
	padding-left:110px;
	position:relative;
}
.comment-author {
	margin:0 10px 0 0;
	position:absolute;
	overflow:hidden;
	width:100px;
	left:0;
	top:0;
}
.comment-author img {
	float:left;
	margin:3px 5px 12px 0;
}
.comment-author cite,
.comment-author span {
	overflow:hidden;
}
.comment-meta  {
	margin:0 0 12px;
}
.bubble #respond {
	margin:0 0 0 110px;
	width:auto;
	padding:0;
}
.bubble #respond .mid {
	background:none;
	padding:0;
}
.bubble #respond .content {
	margin:0;
}
.bubble #respond h1 {
	display:none;
}
.bubble #respond .top,
.bubble #respond .btm {
	display:none;
}

p.navigation {
	text-align:center;
}

.cufon-vml {
	margin-top:-5px !important;
	top:5px !important;
}
.ie6 .cufon-vml,
.ie7 .cufon-vml {
	margin-bottom:5px !important;
}
.onebit_mp3 * {
	display:inline;
}