@charset "UTF-8";

/* --- CSS Document --- */

/* 
	Site: Digital Spaceboy
	URL: http://www.digitalspaceboy.co.uk
	Author: Jimmy Salermo
	Last updated: 02/03/2008
	
*/


/* --- GENERAL --- */

body {font-family: Trebuchet, Tahoma, Arial, Helvetica, sans-serif; font-size:62.5%; background:#000000; margin:0 auto; padding:0; color:#666666;}
a {color:#222222;text-decoration:none;}
a:hover {color:#a2d01a;}	
p {font:1.4em Trebuchet, Tahoma, sans-serif; line-height:1.6em; color:#666666; padding:10px 5px 0 0; text-align:justify;}	
h1	{color:#a2d01a; text-align:right; padding:10px;}
h2 {color:#666666;}
h3 {border-top:5px solid #a2d01a; color:#000000; margin-top:-20px; padding:5px; font-size:1.4em;}

/* --- CONTACT FORM ---*/

fieldset { border:0;margin:0;padding:0; }
label { display:block; padding-bottom:5px; font-size:1.4em; color:#666666; }
input.text,textarea { width:390px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #666; margin-bottom:20px;}

/* --- HEADER --- */

#header {width:100%; height:160px; background:#a2d01a;}
#masthead {width:840px; position:relative; margin:0 auto; padding: 0;}
#masthead img {border:none;}

#navbar {width:100%; position:relative; background-color:#000000; font-size:1.4em; display:block; color:#FFFFFF; margin:0 auto; padding:10px 0 10px 0; text-align:center;}
#navbar li {display:inline; list-style-type:none;}
#navbar li a {color:#FFFFFF; padding:10px 25px 10px 25px; font-weight:bold;}
#navbar li a:hover {background:#a2d01a; color:#FFFFFF; font-weight:bold;}
.current {background: #FFFFFF; color:#a2d01a; padding:10px 25px 10px 25px; font-weight:bold;}

/* --- MAIN --- */

#content {width:100%; margin:0 auto; padding:0 0 20px 0; background:#ffffff; border-top:1px solid #ffffff; clear:both;}
.fullwidth {width:840px; margin:0 auto;}
.primary_left {float:left; width:400px; padding:0 30px 0 0;}
.primary_copy {float:right; width:400px;}
.primary_copy ul {list-style-type:none; font-size:1.2em; line-height:1.6em;}
.fullwidth ul li{clear:both; display:block; list-style:outside; list-style-type:none; padding:0 0 3px 0; font-size:1.2em;}
.illu {padding:30px 10px 10px 0;}
.illu2 {padding:90px 0 0 0;}
.illu3 {padding:80px 0 0 0;}
.illu4 {padding:40px 0 0 0;}
.centered {display: block; margin-left: auto; margin-right: auto; margin-top:20px; margin-bottom:20px;}
.magcover {width:50px; float:left; border:none; padding:42px 0 12px 12px;}
.thumbs {width:460px; display:block; float:right; margin:15px 0 0 20px;}
.thumb {float:left; border:1px solid #a2d01a; margin:0 10px 50px 0;}
.thumb_small {float:left; border:1px solid #a2d01a; margin:0 0 8px 0;}
.thumb_download {border:1px solid #a2d01a; margin:0 0 40px 7px;}
.blurb {font-size:1.2em; line-height:1.2em; text-align:justify; padding:15px 0 0 5px;}
.status {font-size:1.2em; text-align:left; color:#999999; padding:10px 0 0 5px;}
.status a {color:#999999; text-decoration:underline;}
.status a:hover {color:#666666;}
.featured {padding:45px 0 0 0; width:190px; float:left; color:#a2d01a; font-size:1.2em; line-height:1.4em; font-weight:bold; text-align:right;}
.left {text-align:left!important; padding:10px 0 10px 10px;}
.cvheading {text-align:left!important; padding: 30px 0 0 0;}
.skillslist {list-style-type:circle; font-size:1.2em; margin-left:-40px;}
.skillslist li {list-style:circle; line-height:2em;}
.bumper {margin-left:-40px; margin-right:10px; padding-bottom:50px;}
.bumper ul li {height:200px; display:block; margin-bottom:30px;}
.nudge {padding:15px 10px 30px 0;}
.clearfloats {clear:both;}

/* --- BlOG POSTS --- */

#blogcontent {width:610px; float:left; margin:0;}
.post {position: relative; clear: left; width: 560px; float:left; margin: 30px 10px 20px 0;}
.post a {color: #000000;}
.post a:visited {color: #333333;}
.post a:hover {color: #369FD1;}
.post h1 {font-size: 2.2em; line-height: 22px; letter-spacing: -1px; font-weight: normal; font-family: Trebuchet,Arial; padding: 0px; margin: 0px; display: block; text-align:left;}
.post h1 a {color: #000; text-decoration: none;}
.post h1 a:visited {color: #000; text-decoration: none;}
.post h1 a:hover {color: #a2d01a; text-decoration: none;}
.posthead {padding-left: 60px;}
.postmeta {padding: 0px; margin: 5px 0 0 0; font-size: 1.2em; color: #999;}
.postmeta em {font-style: normal;}
.postmeta em a {color: #a2d01a;}
.postmeta em a:visited {color: #a2d01a;}
.postmeta em a:hover {color: #000;}
.postdate {position: absolute; top: 0px; left: 0; text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none; border-right: solid 1px #999;}
.postdate .month {display: block; font-size: 1.2em; line-height: 1.2em; color: #a2d01a; text-transform: uppercase;}
.postdate .day {display: block; font-size: 2em; font-family: Trebuchet,Arial; font-weight: bold; line-height: 20px; color: #999; letter-spacing: -1px;}

.entry {padding: 5px 0 0 0; font-size: 1.2em; line-height: 1.6em; text-align:justify; margin: 0 0 10px 0; color:#E0E0E0;}
.entry p {font-size: 1.1em; line-height: 1.4em; color:#666666;}
.entry img {padding: 3px; background:inherit; border: solid 1px #FD0A63; margin: 0 10px 10px 0;}
.entry blockquote {padding: 3px 15px; background: #C2E3FF; margin: 5px 0px; color:#333; border: solid 2px #eee;}
.entry blockquote p {font-size: 1.1em; padding: 5px 0; margin: 5px 0; line-height: 15px; color:#333;}
.entry ul {font-size: 1.1em; padding-left: 12px; }

.postmetadata {height:2em; width:550px; padding:7px 15px 3px 15px; margin:20px 0 0 0; background:#000000; font-size:1em; font-weight:bold; color:#FFFFFF;}
.postmetadata a {font-size:1.2em; font-weight:bold; color:#ffffff;}
.postmetadata a:visited {color:#FFFFFF;}

.permalink a {display:inline; padding-left:5px; margin-right:15px;}
.comments a {display:inline; padding-left:5px; margin-right:15px;}
.comment a {display:inline; padding-left:5px; margin-right:15px;}
.permalink a:hover {display:inline; padding-left:5px; color:#a2d01a;}
.comments a:hover {display:inline; padding-left:5px; color:#a2d01a;}
.comment a:hover {display:inline; padding-left:5px; color:#a2d01a;}

.pagetitles {width:400px; float:left;}
.pagetitle {font-size:2.2em; font-weight:bold; letter-spacing:-0.03em; margin:30px 0 0 0; color:#a2d01a;}
input.submit {padding:5px; font:1.2em Verdana, Arial, Helvetica, sans-serif; background:#a2d01a; color:#FFFFFF;}	
input.submit:hover{background:#000000;}

/* --- COMMENTS --- */

#commentspanel {background:#fff; width:560px; margin:0;}
#commentspanel h2 {margin:0 0 20px 0;padding:10px; color:#000; border-bottom:2px solid #a2d01a; font-size:1.4em; text-align:right; width:560px;}
#commentspanel a {color:#000; text-decoration:none;}
#commentspanel a:hover {color:#a2d01a; text-decoration:none;}
#commentspanel ul {list-style:none; padding:0; margin:0;}
.commentlist li{background-color: #ffffff; color: #000; display: block; font-size:1.1em; margin: 0 0 10px 0; padding: 8px;}
.commentlist li  p{margin:10px 0 10px 0; color:#666666; font-size:1.1em;}
.commentmetadata {font-size:1.1em; font-weight:bold; text-align:right;}
#commentform p {font-size:1.2em;}
.commentinput {width:560px; background:#fff; border:1px solid #000; padding:5px; color:#000; font-size:1.2em; font-family:Tahoma,Arial, Helvetica, sans-serif;}
.commenttextarea {width:560px; background:#fff; border:1px solid #000; padding:5px; color:#000; font-size:1.2em; font-family:Tahoma,Arial, Helvetica, sans-serif;}
.labeltext {margin:0 0 5px 0; font-size:1.2em; font-weight:bold; color:#a2d01a;}
.inputfield {margin:0 0 15px 0;}

/* --- SIDEBAR --- */

#sidebar {position:relative; background:#a2d01a; width:200px; padding:0 10px 15px 15px; margin:30px 0 30px 0; text-align:left; float:left;}
#sidebar h2 {width:190px; height:26px; margin:0 0 15px 0; padding:4px 0 0 0; color:#fff; font-weight:bold; font-size:1.8em; font-family:Trebuchet, Arial; border-bottom:2px solid #fff;}
#sidebar li {list-style:none !important; list-style:outside; margin:0; padding:0;}
#sidebar ul {list-style:none; font-size:1.2em; margin:0 0 15px 0; padding:0;}
#sidebar ul li {list-style:none; font-size:1.2em; margin:3px 0 3px 0; padding:0 0 5px 5px; font: 1.1em Tahoma,Arial;}
#sidebar ul li a {font-size:1.1em;}
#sidebar ul li a:hover {color:#FFFFFF;}

#searchtab {background-color:#ffffff; width:195px; height:40px; position:relative; top:0px; margin-top:10px;}
#searchform {width:180px; padding:0 0 0 5px;}
.searcharea {padding-top:10px; height:26px; width:140px; color:#000; font-weight:bold; font-size:1.6em; border:none; background:transparent;}

#rsstab {width:190px; height:40px; margin:0 0 20px 0; padding:15px 0 0 0; border-bottom:2px solid #000000;}
#rsstab a {display:block; background:url(images/rss_icon.png) top left no-repeat; padding:10px 0 5px 40px; font-weight:bold; font-size:1.8em;}
#rsstab a:hover {display:block; background:url(images/rss_icon_hover.png) top left no-repeat; padding:10px 0 5px 40px; color:#fff;}

/* --- SIDE NAVIGATION --- */

.navigation {width:570px;}
.navigation a {font-size:1.4em; font-weight:bold; color:#a2d01a;}
.navigation a:hover {color:#000000;}
.alignright {float:right; display:inline;}
.alignleft {float:left; display:inline;}

/* --- FOOTER --- */

#secondary_content {width:100%; height:auto; margin:0; padding:15px 0 25px 0; background:#000000; border-top:3px solid #a2d01a; clear:both;}
.bar-one {float:left; display:inline; width:260px; margin-right:30px; font-size:1.1em; font-weight:bold;}
.bar-one h2 {width:250px; height:26px; margin:0; padding:4px 0 0 0; border-bottom:3px solid #a2d01a; color:#a2d01a; font-weight:bold;font-size:1.4em;}
.bar-one li {list-style:none !important; list-style:outside; margin:0; padding:0;}
.bar-one ul {list-style:none; margin:0px 0px 15px 0px; padding:0;}
.bar-one ul li {list-style:none; margin:5px 0px 5px 0px; padding:0px 0px 5px 10px; border-bottom:1px dotted #eee;}
.bar-one ul li a {color:#000;}
.bar-one ul li a:hover {color:#FFF;}		
#footer {clear:both; height:24px; padding:6px 0 0 0; margin:10px 0 0 0; color:#fff; font-size:1.4em; font-weight:bold; text-align:center;}
#footer a {color:#222;}
#footer a:hover {color:#FFF;}
.bar-one p {font-size:1.2em; text-align:left;}
.teaser {padding:30px 20px 20px 0;}
.goto {margin-top:-5px; color:#FFFFFF;}
#secondary_content a {color:#a2d01a; text-decoration:none;}
#secondary_content a:hover {text-decoration:underline;}