/* -------------------------------------------------------------- 
   JIGGERED CSS
    * Filename:        style.css
    * Version:         1.1 (26-08-2009) DD-MM-YYYY
    * Website:         http://www.jiggered.com/workspace/css/style.css
	
  Created by:
    * Morgan Faichney
    * Al Macmillan
    * Neil Albrock
	Copyright 2009 Atomised Co-operative Ltd
-------------------------------------------------------------- */
/*****************************************************
* Reset
*****************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  font-style: normal;
}

body{line-height:1.5em;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a { outline: none;
	cursor:pointer;
}
ul, li {
	list-style:none;
}
/*****************************************************
* 960 Grid
*****************************************************/
/* Sets up basic grid floating and margin. */
.width-1, .width-2, .width-3, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-11, .width-12, .width-13, .width-14, .width-15, .width-16 {display:inline;float:left;margin-left: 10px;margin-right: 10px;}
/* Use these classes to set the width of a column. */
.width-1  { width: 40px;}
.width-2  { width: 100px;}
.width-3  { width: 160px;}
.width-4  { width: 220px;}
.width-5  { width: 280px;}
.width-6  { width: 340px;}
.width-7  { width: 408px;}
.width-8  { width: 460px;}
.width-9  { width: 520px;}
.width-10 { width: 580px;}
.width-11 { width: 640px;}
.width-12 { width: 700px;}
.width-13 { width: 760px;}
.width-14 { width: 820px;}
.width-15 { width: 880px;}
.width-16 { width: 940px;}
/* Add these to a column to append empty cols after. */
.after-1  { padding-right: 60px;}
.after-2  { padding-right: 120px;}
.after-3  { padding-right: 180px;}
.after-4  { padding-right: 240px;}
.after-5  { padding-right: 300px;}
.after-6  { padding-right: 360px;}
.after-7  { padding-right: 420px;}
.after-8  { padding-right: 480px;}
.after-9  { padding-right: 540px;}
.after-10 { padding-right: 600px;}
.after-11 { padding-right: 660px;}
.after-12 { padding-right: 720px;}
.after-13 { padding-right: 780px;}
.after-14 { padding-right: 840px;}
.after-15 { padding-right: 900px;}
.after-16 { padding-right: 960px;}
/* Add these to a column to prepend empty cols before. */
.before-half {padding-left: 50px;}
.before-1  { padding-left: 60px;}
.before-2  { padding-left: 120px;}
.before-3  { padding-left: 180px;}
.before-4  { padding-left: 240px;}
.before-5  { padding-left: 300px;}
.before-6  { padding-left: 360px;}
.before-7  { padding-left: 420px;}
.before-8  { padding-left: 480px;}
.before-9  { padding-left: 540px;}
.before-10 { padding-left: 600px;}
.before-11 { padding-left: 660px;}
.before-12 { padding-left: 720px;}
.before-13 { padding-left: 780px;}
.before-14 { padding-left: 840px;}
.before-15 { padding-left: 900px;}
.before-16 { padding-left: 960px;}
.before-jig {
	padding-left: 30px;
	margin-right: 0;
	margin-left: 10px;
	width: 410px;
	display:inline;
	float:left;
	position: relative;
	top: 9px;
	margin-top:20px;
}

/*add these to remove the padding*/
.left-nopad{margin-left:0px;}
.nopad{margin-left:0px; margin-right:0px;}
.extra-left-pad{padding-left:30px;}	
.extra-right-pad{padding-right:10px;}	

/****************************************************
* navigation styles
****************************************************/
#navwrap{
	position: relative;
	margin-top:0px;
}
/*
#nav_img{
	position: absolute;
	top:-100px;
	left:-50px;
	width:283px;
	height:268px;
}
ul#nav { background: transparent;}
ul#nav li { float:left; list-style-type:none; }
ul#nav li a {width: 284px; display:block; text-indent:-9999px; outline:none;  }


li#navBlog a{
	background: url(../img/nav_blog8.png) no-repeat;
	height: 80px;
}				
li#navBlog a:hover{
	background: url(../img/nav_blog8.png) no-repeat -284px;
	height: 80px;
	
}					


li#navAbout a{
	background: url(../img/nav_about8.png) no-repeat;
	height: 48px;
	
}					
li#navAbout a:hover{
	background: url(../img/nav_about8.png) no-repeat -284px 0;
	height: 48px;
}

li#navContact a{
	background: url(../img/nav_contact8.png) no-repeat;
	height: 52px;
	
}					
li#navContact a:hover{
	background: url(../img/nav_contact8.png) no-repeat -284px 0;
	height: 52px;
}					

li#navBebo a{
	background: url(../img/nav_findus8.png) no-repeat;
	height: 88px;
}
li#navBebo a:hover{
	background: url(../img/nav_findus8.png) no-repeat -284px 0;
	height: 88px;
}*/


/* -------------------------------------------------------------- */
body{
	background:transparent url( ../images/tabletop.jpg);
}

#header_wrapper {
	width: 100%;
}
.header_container {
  	width: 960px;
  	margin: 0 auto;
  	height:130px;
	background:transparent url(../images/paper_top_png8b.png);
}
.header_container ul{
	list-style:none;
	display:inline;
}
.container {
  	width: 960px;
  	overflow:hidden;
  	margin-left: auto;
	margin-right: auto;
	background:transparent url(../images/paper_middle_png8.png);
	padding-top:230px;
	padding-bottom: 14px;

}
.no-top{padding-top:0;}
#mug{
	position: absolute;
	top:488px;
	left:-165px;
	width:202px;
	height:223px;
}
#phone{
	position: absolute;
	top: -56px;
	right: -159px;
	width:364px;
	height:367px;
	bottom: 0;
}
#pen{
	position: absolute;
	top:85px;
	left:20px;
	width:612px;
	height:51px;
}
#banner{
	position:absolute;
	width:875px;
	height:246px;
	top:130px;
	left:40px;
}
#bebo{
	height:75px;
	width:254px;
	position:relative;
	top:30px;
	left:15px;
}
#advert{
	position:absolute;
	top:140px;
	right:40px;
}
li#bebotest a  {
	background:url(../images/bebo32.png) no-repeat;
	text-indent:-9999px;
	text-decoration: none;
}
li#bebotest a:hover{
	background:url(../images/bebo32_over.png) no-repeat;
	text-indent:-9999px;
	text-decoration: none;
}
#cartoon{
	vertical-align:bottom;
}

#footer_wrapper {
	width: 100%;
	height:112px;
}
.footer_container {
  	width: 960px;
  	height: 112px;
  	margin: 0 auto;
	background-image:url(../images/paper_bottom_png32.png);
}
.right{
	float:right;
	margin: 0 0 0 6px;
}
.left{
	float:left;
	margin: 0 18px 0 0;
}
.line-above{
	margin-top:18px;
}
.two-lines-above{
	margin-top:36px;
}
.three-lines-above{
	margin-top:54px;
}
.line-below{
	margin-bottom:18px;
}
.two-lines-below{
	margin-bottom:36px;
}	
.line{
    position:relative;
    top: 50px;
	width:920px;
	margin:0 20px;
	border-top: 1px solid #000000;
}
.blog-sidebar{
	position:relative;
	float:right;
	text-align:right;
	right: 67px;
	top: 40px;
}
.blog-sidebar ul li{
	font-size:1.2em;
	line-height:1.2em;
	margin:6px 0;
}
.footer-left p {
	text-align:left;
	font-size:1em;
	position: relative;
	top: 73px;
}
.footer-middle {text-align:center;
	position: relative;
	top: 73px;
}

.footer-middle p {
	font-size:1em;
}
.footer-right{text-align:right;
	top:63px;
	position: relative;
}
/*****************************************************
* Typography styles
*****************************************************/

body { 
	font-size: 10px;
	line-height: 14px;	
	color:#000000;
	font-family:Arial, Times, serif; 
	font-style: normal;

}
p {	
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 0 18px 0;
}

p.tweet{
	font-size:1.2em;
	background-color: #000000;
	color:#ffffff;
	padding:2px 8px;
}
a.tweet {
	color:#FFFFFF;
	margin-top: 5px;
}
p.banner-date{
	color:#FFFFFF;
	position:relative;
	padding-left:20px;
	top:-32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	float:left;
}
p.banner-url{
	color:#FFFFFF;
	position:relative;
	padding-left:60px;
	top:-32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	float:left;
}

p.banner-url a {
color: #fff;
}
p.banner-url a:hover {
color:#000;
}

p.banner-price{
	color:#FFFFFF;
	position:relative;
	padding-left:55px;
	top:-32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	float:left;
}

h1.logo a{
	background:url(../images/ceilidhrecord.jpg) no-repeat;
	float:left;
	width:875px;
	height:246px;
	overflow:hidden;
	text-indent:-9999px;
}

h2.logo {
	background: #dededd url(../images/jiggeredhit.png) no-repeat;
	float:left;
	width:416px;
	height:212px;
overflow:hidden;
	text-indent:-9999px;
	padding-bottom: 12px;	
}

/*h2 {
	font-family: "Arial Black", Arial;
	font-weight: 900;
	font-size: 70px;
	line-height: 1em;
	margin: 14px 0 14px 0;
	text-align: center;
	letter-spacing: -6px;
}
			<h2> <span class="large">JIGGERED</span> HIT HEADLINES</h2>
*/

float:left;
	width:875px;
	height:246px;
	overflow:hidden;
	text-indent:-9999px;

span.large {
	font-family: "Arial Black", Arial;
	font-weight: 900;
	font-size: 80px;
	line-height: 1em;
	margin: 14px 0 14px 0;
	text-align: center;
	letter-spacing: -6px;
}

h3.sub {
	line-height: 1.5em;
	margin: 0;
	text-align: center;
	font-size: 1.7em;
	font-weight: 900;
}
h3 {	
	font-family: "Arial Black", Arial;
	font-weight: 900;
	line-height: 1em;
	margin-bottom:14px;
	font-size: 3em;
}
h4 {
	line-height: 1.5em;
	margin: 14px 0 0 0;
	font-size: 1.7em;
	font-weight: 900;
}
a{
	text-decoration:none;
	color:#000000;
	padding-right:0;
}
a:hover{
	color:#c63039;
}

.footer{
	color:#000000;
	line-height:16px;
}
span.bold{ font-weight: bold; padding:0;}
span.italic{font-style: italic; padding:0;}

#gallery-main{
	background-image: url(../images/large_image_bk8.png);
	width:406px;
	height:306px;
	margin-bottom: 14px;
}
ul#gallery { background: transparent;}
ul#gallery li { float:left; list-style-type:none; background-image: url(../images/small_image_bk8.png); width:68px; height:68px;}
		

img.thumb {
	padding:8px;
}
img.main {
	padding:10px;
}
img.cartoon {
	padding-right:50px;
}
img.flickr {
	padding-top:5px;
}
.column *{ padding-left: 0px;
padding-right: 10px;
 }
.column p {
    text-align: justify;
	letter-spacing: 0;
	word-spacing: -2px;
} 
.column a {
	font-weight:bold;
}
ul.months li{
	font-size:0.8em;
}
	
.cross-para ul {margin:18px 0;
}
.cross-para li {
    font-size: 1.4em;
	line-height: 1.4em;
}
.taster{
    background-image: url(../images/large_image_bk32.png);
    width:186px;
    height:152px;
}

/*****************************************************
* Form styles
*****************************************************/
form {
	width: 358px;
    height: 358px;
	text-align: left;
	position: relative;
	font-size: 1.8em;
	background-image: url(../images/crossword2.png);
}
fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	text-indent:0;
	clear: left; /* make sure a new fieldsset starts cleam (omni) */
	border: 0 solid; /* older operas */
	position: relative; /* make legend move horizontally correct with rest of form in ie 5-6 */
}
form label {
	display: block;
	width: 262px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}
form input {
	display: block;
	margin-top: 3px;
	font-size: 1.8em;
}
form label.field-address
form label.field-email {
	clear: left;
}
form label.field-email {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 408px;
}
form label.field-email input{
	float: left;
	width: 408px;
	padding: 0px;
}
form label.field-address input {
	float: left;
	width: 306px;
	height: 25px;
	padding: 0px;
}
form textarea {
	margin-top: 3px;
	border:none;
	overflow:hidden;
}
textarea {
	display: block;
	width:358px;
	height:80px;
}


form label.field-address input.name-input {
	position: relative;
	top: 56px;
	left: 20px;
}

fieldset.crossword {
	position: relative;	left: 6px;
}

form label.field-address input.email-input {
	position: relative;
	top: 84px;
	left: 48px;
	float: left;
	width: 279px;
}

textarea.message-input {
	float: left;
	position: relative;
	top: 162px;
	left: 22px;
	width: 298px;
	font-size: 1.8em;
	overflow:auto;
}
/*****************************************************
* Comment Form styles
*****************************************************/
form.comment {
	width: 408px;
	text-align: left;
	position: relative;
	font-size: 1.4em;
	background-image: none;
}
fieldset.comment {
	margin: 0;
	border: 0;
	padding: 0;
	text-indent:0;
	clear: left; /* make sure a new fieldsset starts cleam (omni) */
	border: 0 solid; /* older operas */
	position: relative; /* make legend move horizontally correct with rest of form in ie 5-6 */
	background: transparent;
}
form input.comment {
	display: block;
	margin-top: 3px;
	width:408px;
}
form label.comment {
	display: block;
	width: 408px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}
textarea.comment {
	display: block;
	background:#FFFFFF;
	width:408px;
	height:120px;

}
form textarea.comment{
	margin-top: 3px;
	border:none;
	overflow:hidden;
}
/*****************************************************
* Form Button styles
*****************************************************/
input#submit.send-btn {
	position: relative;
    width: 158px;
	float: left;
	left: 194px;
    top:190px;
}
input.send-btn {
	background:url(../images/submit.png) no-repeat;
	width:150px;
	height:28px;
	float:right;
}

input.send-btn:hover{
	background:url(../images/submit_over.png) no-repeat;
	width:150px;
	height:28px;
	cursor:pointer;
}
input.add-btn {
	background:url(../images/submit.png) no-repeat;
	width:150px;
	height:28px;
	float:right;
}

input.add-btn:hover{
	background:url(../images/submit_over.png) no-repeat;
	width:150px;
	height:28px;
	cursor:pointer;
}