/* 
	@author: James Cockshull
	@date: 19/07/2010
*/

/* baiscs */
* {margin: 0;padding: 0;}
html {background: #000 url('../img/bg.jpg') no-repeat top center;}	
body{font: 10pt "Segoe UI", "Lucida Grande", Tahoma, Helvetica, Arial, Sans-Serif; color: #FFF; text-shadow: 1px 1px 1px #000; padding-bottom:20px;}

/* main stuff */
#wrapper{width:840px; margin:50px auto 0;}
#wrapper header h1{font:45pt 'Yanone Kaffeesatz', "Lucida Grande", Helvetica, Arial, Sans-Serif; text-transform: uppercase; text-align: center; text-shadow:rgba(255,255,255,0.5) 0 0 1px;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#333));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#wrapper #main {background-color: #1c1c1c;background-color: rgba(50, 50, 50, 0.2); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 0 10px rgba(255,255,255,0.1); -moz-box-shadow: 0 0 10px rgba(255,255,255,0.1); box-shadow: 0 0 10px rgba(255,255,255,0.1); margin:30px 0 20px 0; padding: 40px 40px 35px 40px; }
#wrapper #main ul {list-style: none;}
#wrapper #main ul li {margin: 0.4em 0 0.4em 0;}
#wrapper #main h2 {margin: 0.5em 0 0.3em 0;font-family: 'Josefin Sans Std Light', 'Helvetica Neue', 'Gill Sans MT', sans-serif; text-shadow:none; font-size: 13pt;font-weight: normal; text-transform: uppercase;}
#wrapper footer  p{text-align: center;color: #666;clear: both;font-size: smaller;}
#wrapper #twitter_div { width: 370px; float: right; padding: 0 0 0 100px; background: url('../img/twitter.png') no-repeat 10px 10px; min-height: 200px; margin-left: 20px;}
#wrapper #twitter_div ul li {padding: 4px; /*border-bottom: 1px solid rgba(132,132,132,0.1);*/}
#wrapper #twitter_div ul li:nth-child(even) {background-color: rgba(56,56,56,0.18);}

/*form elements and items*/
form{padding-top:6px}
.red{color:red;vertical-align:middle;}
.redborder{border:1px solid red !important;}
textarea,input[type="email"] {outline:none; border:1px solid grey; margin:4px; padding:4px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 5px rgba(255,159,0,0.9) inset; -moz-box-shadow: 0 0 5px rgba(255,159,0,0.9) inset; box-shadow: 0 0 5px rgba(255,159,0,0.9) inset; font: 10pt Tahoma, Helvetica, Sans-Serif; background-color:#fff;} 
textarea {width:500px; height:100px;}	 
input[type="email"]{width: 300px;}
input:invalid,textarea:invalid {background-color: rgba(255,0,0,0.7);color:#fff}
textarea:focus,input[type="email"]:focus{-webkit-transition: border 0.2s linear, -webkit-box-shadow 0.2s linear; border:1px solid rgba(255,159,0,0.9); -webkit-box-shadow: 0 0 9px rgba(255,159,0,0.9); -moz-box-shadow: 0 0 9px rgba(255,159,0,0.9); box-shadow:0 0 9px rgba(255,159,0,0.9);}
input[type="submit"]{padding:3px 4px 3px 4px; margin:3px 0 3px 4px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#fff; border:1px solid #946625; cursor:pointer; background: -moz-linear-gradient(0% 100% 90deg,#a5a5a5,#ffffff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#a5a5a5));}
input[type="submit"]:hover {-webkit-transition:opacity 0.2s linear, -webkit-box-shadow 0.2s linear; opacity:0.9; -webkit-box-shadow: 0 0 9px rgba(255,159,0,0.9); -moz-box-shadow: 0 0 9px rgba(255,159,0,0.9); box-shadow: 0 0 9px rgba(255,159,0,0.9); background:yellow; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6bb00), to(#dd8c00)); background:-moz-linear-gradient(0% 100% 90deg,#dd8c00,#f6bb00);}

/* all anchors */
header h1 a {text-decoration:none; color: #FFF; outline: none;}
header h1 a:hover{ }
#main a:link, #main a:visited{color:#FFF; margin:1px; -webkit-transition:background-color 0.2s linear,color 0.2s linear; text-decoration:none; border-bottom: 1px dotted #FFF;}
#main a:hover {color:#000; background-color: #FFF; text-shadow: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
a#contactMe:link, a#contactMe:visited, a#contactMe:hover {color:white; text-decoration:none; border:0; background-color:transparent; margin-top:16px; display:inline-block; padding-right:18px;}

/* contact success/fail status message */	
#statusmessage{-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px; margin:30px 0 18px 0; padding:13px 30px 13px 30px;}
.success {background-color:green; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(76, 180, 65, 0.3)), to(rgba(48, 112, 40, 0.3))); background: -moz-linear-gradient(0% 100% 90deg,rgba(76, 180, 65, 0.3), rgba(48, 112, 40, 0.3)); -webkit-box-shadow: 0 0 10px rgba(11,104,1,0.5); -moz-box-shadow: 0 0 10px rgba(11,104,1,0.5);box-shadow: 0 0 10px rgba(11,104,1,0.5);}
.error {background-color:red; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(221, 42, 42, 0.3)), to(rgba(255, 0, 0, 0.3))); background: -moz-linear-gradient(0% 100% 90deg,rgba(221, 42, 42, 0.3), rgba(255, 0, 0, 0.3)); -webkit-box-shadow: 0 0 10px rgba(255,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(255,0,0,0.5);box-shadow: 0 0 10px rgba(255,0,0,0.5);}

/* IE modal box start - IE only */
#overlay {background-color:#666; height:100%;left:0;position:fixed;top:0;width:100%;z-index:30;opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
#modal{position: fixed;left: 50%;top: 50px;z-index: 1001;width: 400px;margin-left: -200px;background: white url('../img/ie.png') no-repeat top center;color:black;text-shadow:none;padding: 90px 10px 20px 10px;border: 4px double grey; _position: absolute;_top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight/20));}
#modal p {margin:1em 0 1em 0;}
#modal a {padding: 3px 5px 3px 5px;background-color: green;color:#fff;text-decoration:none;}
#modal a:hover {background-color:#000;color:#fff;}



/*data URI's*/
.google {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBJREFUeNpkk01sVFUYhp/7f+evDNOZtFHBgUFCA1qrCQ3aqESMYqJpohIXLgSTLnRlTGSBO5WVxI2auChloQGjwRIjjS4gkRiVEMAumpISuGA7bacz2GmnM/feufceTy9YRb/kTc7P973nfb9zjnJk5Mve7nx+9Mp8UPx+qg2GSclaYf+T96G4LabfO0R6oYKVMrCTNqZtogAr9aZTry4P6l25ztG9T+wqZsYX6XskwWosVRs83FOgsN6mNvwJzXPfkS9tRVHVGKtRvzJZPP/p8VG9kMsWM8kkZ65fp6o24812EOKGZYaeewA8QfmLMdY9M8u/wy4USHdYRT2dSqLrGk3X5+qSh6HJse8T1NoxQdQOcMs1PMe5i0CZLaOGAXrLj+KF3T2dnDo5QSqTptH22dZtxesTR48RCJj6+RpJSyNhqdiWjmlohC0f/bMfHZ7u7+XVgU38NDHLyC8OWZn47tAeDo18wG/2OPZLXRQkX2dCkLEiEk4brRnRCqSSvoMnRXc2x1t7NvF4TxfZ1O2TPx47yueTx9lZEuQTEbYGli7QZQ8V5baNq5MueiRnjVSG10+M41cXqR97bc1n1Bb4kUI+KfhvKKgI6V5tNV38+gqe9BNFgnGnFie8vfcAB3cOceH3gAszOrJfd0EVBmEoFdm+x5uP3UNfaTsP3p+Li91bf2DnNvDGU/voSKQ5fOYj7rVVOqx/lGiGhbws9Pf3beXF3SXmz3/FxDdHpEePSL6D5EP72fjsO7zS/zwXnctcWzyLmY3WCBIYeJJANdRIWphj6dcPKT26gc0DvWzetR11+gSVi1/Hydu6t9BoCFyXNYi2iS8fmb7qW7PT6KaL6k2hCBVNKs3mAurLMzHBstsglIe7nrKmQJgmbfl11JVmC182pGPgMDMLGeZuVJm7WaUa7aCr/0Cc/O2lHxBilUDEMESSwNVotSL0cqXi3CzPFTdueYHOHS//77qGTw/Tk82SX59HvSMglD2anq/iuTj6Qu3PwdNnz42uy6SLfxd5oY+zeINTl8eorNyS9lTSpkLGUDDUOxZCHInBvwQYAKY4VALn8wykAAAAAElFTkSuQmCC) no-repeat 0 0;
	text-indent: 18px;
}
.facebook {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbdJREFUeNqUU8tKw0AUvYmTSW2FiooWCm2qLgSFiiCiC0GKW6m4deED3OgnuPMvFNSFuA64EtSVv+ATtKFSFJ9t0SZN5mEzaaXRVujdnJk795x75jIjTaY3k4FAUFewqkEL4dhlw7JKaYTVgD6XmtIGYr2t8OEu+6zpJ+c6UpCqveUtuDRuWhLo62wHjAMa4pIM19l3oIy1JPBRNIFxCRChFMoOaVo4M9EPqwtjEApisZ/fOBRIKAOXi2hl4dDm3VfqyGJ4dbUutyJAxaJZdFTJ61tHcP/w4TujNQcAXFj6L26NV98etclVB5XhYVkGy6a+gtPdZYGMcYHHO0sCUyt7AoOKLAYvroBlSQykPghxGjqp1WEZe1dwrauoDZxqp1pML+97TrYXvc5rB75zl+NyUeU5AicWfH4WGna0Hc/J73MeVsDlou5YHBLJUcj3NBYgVYF4ctyXT0TDYLgCjmUDNUsQBApvX/bfT0O8R2Z+mT+57hAWHEY4ICQx4/HlSRuJRgErXX8EVFUVODsUqbtWGTK5HEi0bCBWKqRvMhn96t5o+J0HI8MC9bMLX16WuMHNYvpbgAEAXITVkyzU52wAAAAASUVORK5CYII=) no-repeat 0 0;
	text-indent: 18px;
}
.twitter {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdpJREFUeNqUU79v00AYfbYvNhcMCZXCwBKPFR1AYkFsCHUmCImx/wD8C4z8D1RdGBkzsTGwdQNVIMGAYhYU0go1UWPH95PvLonTAkL4pO90Pt973/vedxc8f/v+Vi9Nh902z9BgnBZlfnx2NmBdfmn4eKefXeesCR6TUmWvj74OWZrElNni+1w2ImAh0OE8Y1EQYFZpomg2AjdZA7aQEpU29Y9CaDw5+ODXb57dgfkHs8MSgYAwut5UxCqt5/eq7Dlt0pjfCAQRKAlxTgFvheDx0tCH+0f1/uU4wqu97QtqHZYJkiFJgV0lIjyiuPWH3CgOqRxDyZZqyTo4LKuUgqZC1YqB2xA2WSp48eAG+tc2ZNNKYp2fEYPDhm4yBHZluFBE1tviMEmMg08znFaWsgU+pNmccxiHZYImZ5RcGXmyMHi03cX+xylGhcHTdyd+P6XaXt7fwrhY+O8kCuCwoTPCiXfmuCiVxu0esLfTwdU0QZi06nA9WZ+ztYlaAb6ETSvHc42bnQi799ILRo5mBZW4csFj1NLEaVnS1YxQ0Ho9hDCY/vz79W4z5jGV9G1U+eEoz+5mffSvtP/vJc4LHObfyAOdM6PV4Mt4Mvz8Y9LoOQcWeWTt4JcAAwDEmRKkDQBEqwAAAABJRU5ErkJggg==) no-repeat 0 0;
	text-indent: 18px;	
}
.lastfm{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmJJREFUeNqUk11IFFEUx/8ze3dnnNlZF9YoTGHK9MEiReiD3oqCDEQhKHrqNQxKiXzoqYKCPuyhwsqQngoykO3DgiRC9C1YhWhDZW11cV23LHW33ZnZmbnduZK9tgfOvXMu8/vfc869V3hdu70prASimuTXUYblzFJypWB1kJDsjzadbtMDjQ3l8LDi0/rEk1dREpR8Os2toPjyXVkC4pYIwjLRiSQKKH2dBWy3LAHn1yp8AkBsh8I1SyjbHAceywRcUBZ4FjxzDvKRVohBjcfGyFvkH9zl3+Fb90Dq6uEsLWL18iXYszPwWOK4FNR2oHV2QTp0FD/7+mCNjYLsbkGkpweaEoQ1GQOtUJBuOwZyuBW0YLGSHXjsugBz5fhJZG/egDs8BJHt6I6PIJNdxNbHAzDmUvCFQlAP7IfxPgqaz7MuClxA9AZIIk/T/TzBs9lwFv+OxwFVxXz/AJTO89g8/AHa2S7OcAHbZd33+7iAVN8At+RsuMB+yD17isr2DkhvhvBl7x4krlyFeuIUZzx2PYMAwcLzQVR2X0SguYXt7vI5fP8RMoMvkJ+bR6j7AqrUCkRUef0UGMN7YFPK1YzeXmRY96tZqn8tMzYOP1vLXLuOHf0Poba18/XE7TtQvQwYKwzXbKMtB+thfVqAYdsw6+pQkGUohgEpkYBMCIeyog/arp0wUiloy8tQ9tUi9nEGxASFYTrwhWVIPwoM+obQvwvLy/FsE9gcm4RXgFilcKbIWLJGaTI9vaRXN1ZDbq75r0torBWRjqeRZywpCOiY+p6LJkenynrOJpA0GPtHgAEAdRMcHkU/lQEAAAAASUVORK5CYII=) no-repeat 0 0;
	text-indent: 18px;
}
.youtube {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAShJREFUeNqkUz1rwzAUfE8oFC8lHgwRwZAhZOiWqT/B/6//JtCtS7rEW4dOAQ8heLAbD6W2Ivc9NzKxmi+3B+KkJ93pLMn4Mh4HM2MWfl3PoQcyxPhdiAi2Sq3Mcln3BWtYC+Vo1BbJuMPXUCpVC/gnfhkgIm/fsG22fswnDX7Snx/flMBNc2nMkG7B7nprmsZAT6d/PkSZGwMDrWG4XrfFfDLpLOI5t8ao9nuQGRl41CnCEMIkgYTYxZBaQWtcfJJWZjShKYFFQf2HzQbelGqZwebH4DqbCjZgUXEwOcevQdDhHdXz5hM4WlWBPFyRFTym6ckx87PvQ0m3siMtPnneykOc3wsBA355V06dL5PFHyT+Aohlakx0B7BIte71O1PuuESMvgUYAHDXBFgTAkHTAAAAAElFTkSuQmCC) no-repeat 0 0;
	text-indent: 18px;
}
.sunbeam {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF/OaT/ddO/O21/9Et/Nti/dM7/OF9AAAAuFQI5wAAAAh0Uk5T/////////wDeg71ZAAAAZ0lEQVR42lyPSQ7AMAgDDWb5/48LzVJUDsQawkRBzopMnKzdfAKpJvhAWo+5wKJehHizemiPNRnYApaCoftGP1iEIrQrNQa7UII6vNa5QRlgpA3QJZxAAzHAzQvApf/o/DmOk48AAwDecwTgRLMKTQAAAABJRU5ErkJggg==) no-repeat 0 0;
	text-indent: 18px;
}
.formShown  {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBJREFUeNpiYKAr+A8E2MQZ8SlkBAKcirGZiKyBkZDVyBoYCSlE1sBIjMJBBgACDAA+exf+NJGe3wAAAABJRU5ErkJggg==) no-repeat center right;
}
.formHidden {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZJREFUeNpiYKAVYPwPBEQrBhHEaGAEARgHnwaYOkZkQWwakA1kRJdE1oCsECcgxdMDAAACDAA/XBf+egDwZAAAAABJRU5ErkJggg==) no-repeat center right;
}