/*
	tombryan.co.uk v2 
	email: hello@tombryan.co.uk
	site authored: August 4th - 6th 2009
*/


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;
	vertical-align:baseline;
}

ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';}
table {border-collapse: collapse; border-spacing:0;}

body{
color:#000;
background-color:#fff;
font-size:62.5%; 
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
line-height:1.3;
}

a{color:#666; outline:none; text-decoration:none;}
a:hover, a:focus{color:#ccc;}
a:visited{}
a img {border:none;}
v img {border:none;}

b,strong{font-weight:bold;}
i,em{font-weight:normal; font-style:italic;}
cite,q,blockquote{font-style:italic; padding-left:10px; line-height:1.3em;}

h1{font-size:1.6em; color:#232323; letter-spacing:0px; margin-bottom:10px; padding:0; line-height:1.2em;}
h2{font-size:1.4em; font-weight:bold; color:#232323; padding:0; margin-bottom:10px; line-height:1.1em;}
h2.white{color:#fff;}
h3{font-size:1.6em; color:#fff; letter-spacing:0px; margin-bottom:10px; padding:0; line-height:1.2em;}
h4,h5,h6{}
p{font-size:1.3em; line-height:1.3em; margin-bottom:10px; width:96%;}
li{font-size:1.3em; line-height:1.3em;}
ul{margin-bottom:8px;}
pre {white-space:pre;}
hr{display:none;}

.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.lt{text-align:left;}
.rt{text-align:right;}
.ct{text-align:center;}
.indent{margin-left:1em;}

.intro{width:100%; height:80px; background-color:black;}

.wrapper{width:975px; margin:0px auto 0px auto; padding:5px 5px 2px 5px; clear:both;}

#nav{clear:both; width:100%; height:20px; margin:10px 0px 15px 0px; padding-top:4px; border-bottom:1px solid #232323;}
#nav a{padding:20px 5px 4px 5px; color:#000; font-weight:bold;}
#nav a:hover{background:#000; text-shadow:2px 2px 2px #666; padding:20px 5px 4px 5px; color:#fff;}
#nav ul {margin:0 auto 0 auto; float:right;}
#nav ul li{display:inline; margin-left:10px;}

#primary{width:552px; height:220px; margin:0px; float:left; padding-top:10px;}
#primary img{float:right; margin-top:-65px;}
#secondary{width:400px; height:220px; float:left; margin:0px; padding-top:10px; padding-left:5px;}
#secondary a{color:#fff;}
#secondary a:hover{color:#666; text-decoration:underline;}

.column{width:310px; height:305px; margin-top:10px; padding:0 7px 0 7px; float:left;}
.column p{padding-top:2px; font-size:1.1em; color:#232323; width:280px;}
.column img{border:5px solid #ccc; padding:2px; margin-bottom:6px; /* -moz-box-shadow:5px 5px 2px #999; -webkit-box-shadow:5px 5px 2px #999; */}
.column a:hover img {border:5px solid rgba(3, 68, 200, 0.2); -moz-box-shadow:5px 5px 2px #555; -webkit-box-shadow:5px 5px 2px #555;}

.section{float:left; clear:both; width:100%; height:25px;}
.section.black{background:url(../img/footer-surface.png) repeat; height:100%; border-top:solid 2px #444;}
.section.black p{color:#fff;}

.hide{width:100%; height:auto; border-bottom:2px solid #fff; background:#ccc; background-image:url(../img/mail.jpg); background-repeat:no-repeat; padding-top:10px; margin:0;} 
.hide img{margin-bottom:-4px;}

ul#social{padding-top:4px;}
ul#social li{display:inline; margin-right:10px;}
ul#social li img{margin-top:3px;}

.date{font-style:italic;}
.article{margin-bottom:20px;}
.article a:hover{text-decoration:underline;}

.footer{text-align:center; margin-top:20px; font-size:1em;}