/* Nick Harvey (holding page)
*  Global styles 
*  Author: l.barker, london
*  Date: 12-2009
*  
*  INDEX:
*  YUI CSS Reset
*  generic text/tag styles
*  basic layout: frame, content, header, nav, footer
*  Clearfix 
*  Miscellany
*/

/*YUI CSS Reset*/
/*Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym {border:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {body {padding-left:1px;}} /* 1px alignment fix for webkit browsers*/

/* generic text/tag styles */
body {color:#000; font:100%/120% arial, sans-serif; background:#e3e3e3 url(../img/bgs/shadow.gif) repeat-y top center; text-align:center;}
h1, h2, h3 {font-weight:bold;}
p {margin:22px 0;}
a {color:#39c; text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:underline;}

img, ul {display:block;}
ul {clear:both;}
li p {margin:0 0;}

.error {color:#f00;}

/* basic layout */

#frame {width:966px; font-size:.875em; line-height:1.35em; margin:0 auto; text-align:left; background:#fff;}
#content {width:864px; margin:0 auto;}

#header h1 {width:422px; height:79px; font-size:2em; margin:52px auto 42px;}
	#header h1 span {margin:10px 0 0 55px;}
#header p {position:absolute; top:0; width:135px; height:119px; margin:0 0 0 709px;}

/* footer */
#footer {color:#fff; font-size:.9em; text-align:center; margin:127px 0 0; padding:15px 0 17px; background:#39c;}
	#footer p {margin:0;}
	#footer a {color:#fff; text-decoration:underline;}
	#footer a:hover, #footer a:focus, #footer a:active {text-decoration:none;}
	
.intro {width:700px; margin:12px auto; font-size:1.35em; line-height:1.3em; text-align:center;}
.section {margin:44px 5px 0; padding:32px 0 0; background:url(../img/bgs/divider.gif) repeat-x 0 0;}	
	
/* recent work styling */
.recent-work {}
	.recent-work li {width:278px; min-height:160px; margin:0 5px 26px; float:left;}
	.recent-work h2 {font-size:1.3em; text-align:center; margin:0 0 34px;}
	.recent-work h3 {font-size:1.15em; margin:5px 0 0;}
	.recent-work img {}
	.recent-work .player {width:278px; height:146px; margin:0 auto; background:#999;}

	
/* coming up styling */
.coming-up {width:260px; margin:0 30px 0 289px; float:left;}
	.coming-up h2 {margin:33px 0 -10px;}
	.coming-up p {color:#666; font-style:italic;}

/* contact details styling */
.contact-details {width:185px; float:left;}
	.contact-details h2 {margin:0 0 6px; padding:33px 0 5px 0; background:url(../img/bgs/bubble-hello.gif) no-repeat 100% 0;}
	.contact-details dt {color:#666;}
	.contact-details dl dd dd, .contact-details address {color:#3c3c3c; font-weight:bold;}
	.contact-details dl dl {margin:6px 0;}
	.contact-details dl dl.no-title dd {font-weight:normal;}
	.contact-details dl.no-title dt {display:none;}
	
/* warning text: no javascript enabled, flash not installed or up-to-date enough */
.warning {color:#fff; text-align:center; margin:22px 5px; padding:12px; background:#ff213c;}
	.warning p {margin:0;}
	.warning a {color:#fff; white-space:nowrap; text-decoration:underline;}
	.warning a:hover, .warning a:focus, .warning a:active {text-decoration:none;}
	
/* Georgia font text */
.intro, .recent-work h2, .coming-up p {font-family:georgia, serif;}		

/* clearFix: adapted from http://www.positioniseverything.net/easyclearing.html */
.cf:after, .recent-work ul:after, .section:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cf, .recent-work ul, .section {height:1%;}

/* tweak off-stage */
#header span {position:absolute; z-index:-1;}
.skip-links a {position:absolute; top:0; left:-10000px; display:block; width:98.5%; color:#fff; background:#333; padding:4px 8px; text-align:left; z-index:10001;}

/* miscellany */
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}

/* javascript defaults if no js.css loaded */
.js-hide {display:block;}