/*
	Airfront - CSS Framework
	Author: Paul Michael Smith
	http://airfront.co.uk
*/

/* @group - css 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,b,u,i,center,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-size:100%;
	vertical-align:baseline;background:transparent;}
	body{line-height:1;}
	ol,ul{list-style:none;}
	blockquote,q{quotes:none;}
	blockquote:before,blockquote:after,
	q:before,q:after{content:'';content:none;}
	:focus{outline:0;}
	ins{text-decoration:none;}
	del{text-decoration:line-through;}
	table{border-collapse:collapse;border-spacing:0;}

/* @group - css base
-------------------------------------------------- */

	body{color:#000;font-size:62.5%;}
	body *{line-height:1.3em;}
	h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
	abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
	em{font-style:italic;}
	del{text-decoration:line-through;}
	blockquote,ul,ol,dl{margin:1em;}
	ol,ul,dl{margin-left:2em;}
	ol li{list-style:decimal outside;}
	ul li{list-style:disc inside;}
	dl dd{margin-left:1em;}
	th,td{border:1px solid #000;padding:.5em;}
	th{font-weight:bold;text-align:center;}
	caption{margin-bottom:.5em;text-align:center;}
	h1,h2,h3,h4,h5,h6,p,fieldset,table,pre{margin-bottom:12px;}
	/* base font sizes */
	h1{font-size:180%;}
	h2{font-size:170%;}
	h3{font-size:160%;}
	p,li{font-size:130%;}

	/* match parent's font-size */
	li p { font-size: 100%;}
	
	h3 {
		font-size: 130%;
		margin: 0 0 10px 0;
		padding: 0 0 3px 0;
	}
	

/* @group - resource selectors
-------------------------------------------------- */

	/* float clearing */
	.clearfloats, .cf{clear:both;}
	.clearleft, .cl{clear:left;}
	.clearright, .cr{clear:right;}

	#doc:after,
	.columnset:after,
	.container:after,
	#nav ul:after,
	#site-welcome:after,
	#ft:after,
	.clearfix:after,
	.columnblock:after,
	div.photo-gallery:after,
	div.frow:after,
	#videobox:after,
	#video-player div.cspan_8:after,
	#video-player div.cspan_4:after,
	.vid-row:after,
	#videobox:after,
	#video-player:after,
	#videopagetitle:after
	{clear:both;content:".";display:block;height:0;visibility:hidden;}

	/* float classes */
	.floatright,.fr{float:right !important;}
	.nofloat,.nf{float:none !important;}
	.floatleft,.fl{float:left !important;}
	/* give space to floated elements */
	img.floatright,img.fr,blockquote.fr,blockquote.floatright{margin:0 0 5px 10px;}
	img.floatleft,img.fl,blockquote.fl,blockquote.floatleft{margin:0 10px 5px 0;}
	/* img reset */
	img{border:none;}
	/* border classes */
	.bdr{border:1px solid #000;}
	.nbtop,.nb-top{border-top:none !important;}
	.nbbottom,.nb-bottom{border-bottom:none !important;}
	.nbleft,.nb-left{border-left:none !important;}
	.nbright,.nb-right{border-right:none !important;}
	/* rel width classes */
	.make-fw{width:100% !important;}
	.make-hw{width:50% !important;}
	.make-qw{width:25% !important;}
	/* magrin classes */
	.add-m{margin:10px;}
	.add-ml{margin-left:10px !important;}
	.add-mr{margin-right:10px !important;}
	.add-mt{margin-top:10px !important;}
	.add-mb{margin-bottom:10px !important;}
	.nomargin,.nm,.last{margin:0 !important;}
	/* padding classes */
	.pd{padding:10px;}
	.add-pl{padding-left:10px !important;}
	.add-pr{padding-right:10px !important;}
	.add-pt{padding-top:10px !important;}
	.add-pb{padding-bottom:10px !important;}
	.pd-lr{padding:0 10px;}
	.pd-tb{padding:10px 0px;}
	.np,.nopadding{padding:0 !important;}
	/* some alignment classes */
	.aligncenter,.ac{text-align:center !important;}
	.alignright,.ar{text-align:right !important;}
	.alignleft,.al{text-align:left !important;}
	.justify{text-align:justify !important;}
	/* fonts */
	.font-a{font-family:Arial,Verdana,"Trebuchet MS",sans-serif !important;}
	.font-b{font-family:Verdana,Arial,"Trebuchet MS",sans-serif !important;}
	.font-c{font-family:"Trebuchet MS",Verdana,Arial,"Trebuchet MS",sans-serif !important;}
	.font-d{font-family:"Lucida Grande",Verdana,Arial,"Trebuchet MS",sans-serif !important;}
	.font-e{font-family:Tahoma,Arial,"Trebuchet MS",sans-serif !important;}
	.font-e{font-family:Georgia,"Times New Roman",Times,serif !important;}
	.font-f{font-family:"Times New Roman",Times,serif !important;}
	.inc40 { font-size: 140% !important; }

	div.hr{background:transparent;border-bottom:1px solid #000;height:0px;margin:0 0 10px 0;padding:0;}
	.hide{display:block;height:0;overflow:hidden;width:0;margin:0;padding:0;}
	
	p.rss { background: transparent url(/images/common/feed.png) no-repeat 0 50%; padding: 2px 0 2px 21px; }

/* @group - site base
-------------------------------------------------- */

	body{background:#000 url(/images/common/bg_wide.jpg) no-repeat 50% 0%;color:#999;font-family:Arial,Verdana,"MS Trebuchet",sans-serif;}
	h1,h2,h3,h4,h5,h6{color:#fff;}
	a,a:visited,a:hover,a:active{color:#a0dcff;}
	a:hover{color:#00fff6;}


/* @group - layout/grid
-------------------------------------------------- */	

	.columnset{margin-left:auto;margin-right:auto;width:960px}
	.cspan_1,.cspan_2,.cspan_3,.cspan_4,.cspan_5,.cspan_6,.cspan_7,.cspan_8,.cspan_9,.cspan_10,.cspan_11,.cspan_12,.cspan_13,.cspan_14,.cspan_15,.cspan_16{display:inline;float:left;margin-left:10px;margin-right:10px}
	.columnset .cspan_4{width:220px}
	.columnset .cspan_8{width:460px}
	.columnset .cspan_12{width:700px}
	.columnset .cspan_16{width:940px}
	.first-child{margin-left:0}
	.last-child{margin-right:0}
	.columnset .cspan_1{width:40px}
	.columnset .cspan_2{width:100px}
	.columnset .cspan_3{width:160px}
	.columnset .cspan_5{width:280px}
	.columnset .cspan_6{width:340px}
	.columnset .cspan_7{width:400px}
	.columnset .cspan_9{width:520px}
	.columnset .cspan_10{width:580px}
	.columnset .cspan_11{width:640px}
	.columnset .cspan_13{width:760px}
	.columnset .cspan_14{width:820px}
	.columnset .cspan_15{width:880px}
	.columnset .prefix_4{padding-left:240px}
	.columnset .prefix_8{padding-left:480px}
	.columnset .prefix_12{padding-left:720px}
	.columnset .prefix_1{padding-left:60px}
	.columnset .prefix_2{padding-left:120px}
	.columnset .prefix_3{padding-left:180px}
	.columnset .prefix_5{padding-left:300px}
	.columnset .prefix_6{padding-left:360px}
	.columnset .prefix_7{padding-left:420px}
	.columnset .prefix_9{padding-left:540px}
	.columnset .prefix_10{padding-left:600px}
	.columnset .prefix_11{padding-left:660px}
	.columnset .prefix_13{padding-left:780px}
	.columnset .prefix_14{padding-left:840px}
	.columnset .prefix_15{padding-left:900px}
	.columnset .suffix_4{padding-right:240px}
	.columnset .suffix_8{padding-right:480px}
	.columnset .suffix_12{padding-right:720px}
	.columnset .suffix_1{padding-right:60px}
	.columnset .suffix_2{padding-right:120px}
	.columnset .suffix_3{padding-right:180px}
	.columnset .suffix_5{padding-right:300px}
	.columnset .suffix_6{padding-right:360px}
	.columnset .suffix_7{padding-right:420px}
	.columnset .suffix_9{padding-right:540px}
	.columnset .suffix_10{padding-right:600px}
	.columnset .suffix_11{padding-right:660px}
	.columnset .suffix_13{padding-right:780px}
	.columnset .suffix_14{padding-right:840px}
	.columnset .suffix_15{padding-right:900px}
	html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}

/* @group - hd
-------------------------------------------------- */

	#logo{display:block;height:312px;overflow:hidden;width:100%;}
	#logo img { width: 100%; }
	#logo h1{font-size:400%;font-weight:normal;line-height:1em;margin:0;text-align:center;}
	
	h2.title{height:57px;overflow:hidden;text-indent:-1000em;margin:0 0 20px 0;}
	h2.blog{background:#000 url(/images/titles/blog.png) no-repeat 0 50%;}
	h2.about{background:#000 url(/images/titles/about.png) no-repeat 0 50%;}	
	h2.contact{background:#000 url(/images/titles/contact.png) no-repeat 0 50%;}
	h2.photos{background:#000 url(/images/titles/photos.png) no-repeat 0 50%;}
	h2.videos{background:#000 url(/images/titles/videos.png) no-repeat 0 50%;}	
	
/* @group - home
-------------------------------------------------- */

	#site-welcome { background:transparent url(/images/home/site-welcome_bg.jpg) no-repeat 50% 0;min-height:379px;}
	#site-welcome h2{font-size:250%;font-weight:normal;}
	#site-welcome p{font-size:190%;}
	#fvid, #videobox { padding: 18px 20px 20px 84px;}

/* @group - video-player
-------------------------------------------------- */	
	
	#video-player {background:transparent url(/images/videos/video-player.jpg) no-repeat 50% 0%;}
	#video-player div.video_thumb img { width: 100%; border: 1px solid #333; }
	#video-player div.video_thumb img.over { border-color: #fff;}
	#video-player .vid-row { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #333;}
	#video-player .video_desc p { font-size: 110%; margin: 0 0 5px 0; }
	#video-player .video_desc p strong { color: #fff; }

/* @group - nav
-------------------------------------------------- */

	#nav{background:transparent url(/images/common/nav_bg.jpg) no-repeat 0 0;}
	#nav ul{margin:0;padding:14px 0 40px 15px;}
	#nav ul li{list-style-position:inside;list-style-type:none;display:inline;margin:0 0 0 12px;float:left;}
	#nav ul li a{background-color:transparent;background-image:url(/images/common/nav_sprite_bg.png);background-position:0 0;background-repeat:no-repeat;display:block;height:19px;overflow:hidden;}
	#nav ul li a img{width:100%;}
	#nav ul li a:hover{background-position:0 -20px;}
	#nav ul li.home-nl a{width:68px;background-position:0 0;}
	#nav ul li.blog-nl a{width:58px;background-position:-72px 0;}
	#nav ul li.about-nl a{width:80px;background-position:-130px 0;}
	#nav ul li.photos-nl a{width:184px;background-position:-561px 0;}
	#nav ul li.videos-nl a{width:176px;background-position:-386px 0;}
	#nav ul li.contact-nl a{width:109px;background-position:-745px 0;}
	#nav ul li.merchandise-nl a{width:164px;background-position:-857px 0;}
	body#home #nav ul li.home-nl a, #nav ul li.home-nl a:hover{background-position:0 -20px;}
	body#blog #nav ul li.blog-nl a, #nav ul li.blog-nl a:hover{background-position:-72px -20px;}
	body#about #nav ul li.about-nl a, #nav ul li.about-nl a:hover{background-position:-130px -20px;}
	body#photos #nav ul li.photos-nl a, #nav ul li.photos-nl a:hover{background-position:-561px -20px;}
	body#videos #nav ul li.videos-nl a, #nav ul li.videos-nl a:hover{background-position:-386px -20px;}
	body#contact #nav ul li.contact-nl a, #nav ul li.contact-nl a:hover{background-position:-745px -20px;}
	body#merchandise #nav ul li.merchandise-nl a, #nav ul li.merchandise-nl a:hover{background-position:-857px -20px;}
	
/* @group - ft - footer
-------------------------------------------------- */
	
	#ft{background:transparent url(/images/common/footer_bg.png) no-repeat 0 0;}
	.copyright{padding:11px 10px 10px 10px;font-size:110%;}
	ul.affil{padding:8px 10px 8px 0;margin:0;}
	ul.affil li{display:inline;margin-left:10px;}
	
/* @group - form selectors
-------------------------------------------------- */
	
	div.frow{margin:0 0 10px 0;}
	div.frow div.frow-label,div.frow div.frow-input{float:left;}
	div.frow div.frow-label{width:250px;font-size:140%;color:#fff;font-weight:bold;}
	div.frow div.frow-input{margin:0 0 0 10px;}
	div.frow div.frow-input input.txt,div.frow div.frow-input textarea{width:450px;font-size:140%;border:0;padding:5px;font-family:Arial,"MS Trebuchet",sans-serif;}
	p.contact-instructions{padding:0 0 20px 0;margin:0 0 0 0;border-bottom:1px dotted #333;font-size:140%;}
	div.notice {padding: 20px 20px 10px 20px; background: #1b1e22; color: #fff;margin:0 0 20px 0;border:1px dotted #31363d; font-size: 120%;}
	
/* @group - blog selectors
-------------------------------------------------- */

	div.entry{margin:0 0 20px 0;padding:0 10px 20px 10px;border-bottom:1px dotted #333333;}
	div.entry h3{font-size:200%;font-weight:normal;color:#08c8ff;}
	div.entry .posted ul{margin:0;padding:0;}
	div.entry .posted ul li{list-style:none;display:inline;margin:0 10px 0 0;}
	.columnblock{padding:0 0 30px 0;}
	ul.entrylist{margin:0 0 20px 0;}
	ul.entrylist li{margin:0 0 5px 0;}

/* @group - primary/secondary col selectors
-------------------------------------------------- */

	#secondary-col h3 { border-bottom: 1px dotted #333; }
	ul#categorylist{padding:0;margin:0;}
	ul#categorylist ul{padding:0 0 5px 0;margin:0 0 10px 0;}
	ul#categorylist li{list-style:none;}
	ul#categorylist ul li{ list-style:none; margin:0 0 5px 0; }
	ul#categorylist li li { font-size: 100%; }
	ul#categorylist ul li a{text-decoration:none;}

/* @group - photo gallery selectors
-------------------------------------------------- */
	
	div.photo-gallery{margin:0 0 10px 0;padding:0 10px 20px 0;border-bottom:1px solid #333;}
	div.photo-gallery div.thumb{float:left;display:block;width:120px;height:120px;text-align:center;overflow:hidden;margin:0 10px 10px 0;border:1px solid #000;}
	div.photo-gallery div.over{border:1px solid #a0dcff !important;}
	div.photo-gallery div.thumb img{width:100%;}
	div.photo-gallery div.paginate{width:100%;clear:both;padding:10px 0 0 0;text-align:center;font-size:140%;}
	
	
/* last minute fix to tidy soon */

body#about p { font-size: 150%; }




	
	

