/*
-----------------------------------------------------------------------
URL: http://www.thetapestore.co.uk
Created by Project 365
Design / CSS / XHTML - Paul "Hurricane" Ashcroft

-----------------------------------------------------------------------

CONTENTS

	1: SITE MASTER SETUP (including reset from Tripoli and HTML5 reset)

	2: TYPOGRAPHY/DESIGN 

	3: LAYOUT
		3.1 - container
		3.2 - header
		3.3 - content
		3.4 - primary content
		3.5 - secondary content
		3.6 - tertiary content
		3.7 - footer
		3.8 - wrapper
	
	4: GLOBAL ELEMENTS / CONTROLS
		4.1 - accessibility
		4.2 - site navigation
		4.3 - buttons
		4.4 - lists
		4.5 - forms
		4.6 - tables
		4.7 - icons

	5: TEMPLATE / PAGE SPECIFIC
	
	6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
section, article, aside, header, footer, nav, figure, hgroup { display:block }
body { height:100%; text-align:center; background:#fff url("../images/backgrounds/main.jpg") repeat-x top }
body#sub { height:100%; text-align:center; background:#fff url("../images/backgrounds/main-alt.jpg") repeat-x top }
ul { list-style:disc outside }
ol { list-style:decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */
/* font embedding */

/* general */
html { font-size:62.5%; font-family:Arial, Helvetica, sans-serif; line-height:1.4em; color:#000 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }

/* titles */
h1 { font-size:7.2em; font-weight:900; color:#1b1b1b; margin-bottom:8px }
h2 { font-size:4.4em; font-weight:700; color:#8c8b8b; margin-bottom:30px }
h3 { margin-bottom:5px }
h3 { font-size:3em; font-weight:700; color:#333; margin-bottom:30px; margin-top: 2em; }
h1, h2, h3 { font-family:Arial, Helvetica, sans-serif; text-rendering:optimizeLegibility; text-shadow:1px 1px 1px #fff; text-transform:uppercase; line-height:0.8em }

/* text */
p { font-family:Arial, Helvetica, sans-serif; font-size:1.8em; margin:0 0 18px 0; line-height:1.3em; color:#8c8b8b; font-weight:400; text-shadow:1px 1px 1px #fff }
header p {  }
footer h3 { color:#fff; font-size:3em; text-shadow:none }
footer p:nth-of-type(1) { text-transform:uppercase; font-weight:700; font-size:2em; background:url("../images/backgrounds/dotted-border.jpg") bottom center no-repeat; padding-bottom:30px; color:#8c8b8b }
footer p { text-shadow:none; font-size:1.6em; color:#696969 }

/* links */
a { color:#fcd900; text-decoration:underline; -moz-transition:color .15s .1s linear; -0-transition:color .15s .1s linear; -webkit-transition:color .15s .1s linear; transition:color .15s .1s linear }
a:hover { color:#fff; text-decoration:none }
a:visited {  }
a:active {  }

a.fb { color:#3b5998 }
a.tw { color:#4ed3ff }

/* misc */
ul { margin:0 0 12px 0; font-size:1.1em }
ol { margin:0 0 12px 0; font-size:1.1em }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#666; font-style:normal; line-height:1.4em }

ul.ticks{font-family:Arial, Helvetica, sans-serif; font-size:1.8em; margin:0 0 18px 0; line-height:1.3em; color:#8c8b8b; font-weight:400; text-shadow:1px 1px 1px #fff; margin-left: 20px;}

ul.ticks li{
	padding: 5px 0;
}

ol{font-family:Arial, Helvetica, sans-serif; font-size:1.8em; margin:0 0 18px 0; line-height:1.3em; color:#8c8b8b; font-weight:400; text-shadow:1px 1px 1px #fff; margin-left: 20px; padding-left: 5px;}
ol li {padding: 5px 0;}
/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - container */
div#container { width:100%; padding-top:20px }

/* 3.2 - header */
header { height:215px; padding-top:0px }
	div#branding { width:940px; text-align:center; padding-bottom:20px; margin-top: 10px;  }

section header { background:none; margin:0; border:0 }

/* 3.3 - content */
div#content {  }

/* 3.4 - primary content */
div.column { float:left; width:460px }
div.column:last-child { float:right; width:460px }

/* 3.5 - secondary content */

/* 3.6 - tertiary content */

/* 3.7 - footer */
footer { margin:50px 0 0 0; padding:65px 0 40px 0; background:url("../images/backgrounds/footer.jpg") no-repeat top center }

/* 3.8 - wrapper */
div.wrapper { width:940px; margin:0 auto; text-align:left }


/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }

/* 4.2 - site navigation */

/* 4.2.2 - footer links */

/* 4.3 - buttons */

/* 4.4 - lists */

/* 4.5 - forms */

/* 4.6 - tables */

/* 4.7 - icons */

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */



/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.no-img { float:left; padding:0; background:none!important }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }