/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography  */

/*
@font-face { font-family: 'Days'; src: url('../gfx/Days.otf'); }
.fancy { font-family: "Days", "Helvetica Neue", Helvetica, Arial, sans-serif;   } */

body { font-size:80%;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight: bold; text-shadow: 1px 1px 2px #000;   }
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em; }
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; }
p a {text-shadow: none;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#fff; text-decoration: none;}
a:active {color: #c81c3c; outline: none; }
a {color:#fff;text-decoration:underline; font-weight: bold;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre; width: 98%; overflow: auto; color: #fff; background: #000; padding: 5px;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc; text-shadow: 1px 1px 2px #000;}
ol {list-style-type:decimal; text-shadow: 1px 1px 2px #000;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.group,
#header h1,
#header ul li a,
#footer .footer-block a,
ul#project-list li a,
#home #work-feature .item,
#sidebar .item#download,
#sidebar .item#download p a,
#navigate a,
#weblog .item *,
#sidebar .item.project img  { -webkit-transition: all .45s ease-in-out;}

#home #work-feature .item img { -webkit-transition: all .25s ease-in-out;}

/* bits */
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.over, .trigger h2 {cursor: pointer;}


/* forms */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd; text-shadow: none;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* snook fix for heavy text on leopard */
body { -webkit-text-stroke:1px transparent;}
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}


/* JAM DIGITAL STILEY */

#header,
#header *,
p#crumbs,
.group,
.group *,
#sidebar,
#sidebar *,
p#btt,
p#btt *,
.footer-block,
.footer-block *,
#site-intro,
#site-intro *,
ul.next-prev,
ul.next-prev *,
ul#project-list,
ul#project-list * {margin: 0; padding: 0; }

html { }
body { background: #1b1a1c; }
#header .container,
.container {width: 980px; margin: 0 auto; }

#header { background: #3b3436 url(../gfx/header_bg.png) repeat-x 0 0; height: 134px; overflow: hidden;  }

#header h1 {background: url(../gfx/glow_medium.png) no-repeat 30px 80px;  float: left; }
#header h1:hover { background: url(../gfx/glow_medium.png) no-repeat 30px 60px;  }
#header h1,
#header h1 a {width: 320px; height: 129px; display: block; text-indent: -3000px; text-decoration: none; }
#header h1 a {background: url(../gfx/header_h1.png) no-repeat 0px 0px;}
#header ul {float: left; list-style-type: none;  }
#header ul li {float: left; width: 110px; line-height: 129px; overflow: hidden; }

#header ul li a { 
	text-decoration: none;  
	display: block; 
	text-align:  center; 
 	width: 110px; 
	text-shadow: 2px 2px 4px  rgba(0,0,0,0.35);;
 	color: #fff;
 	font-size: 15px;
	}
 	
#header ul li a:hover {
	color: #fff; 
	background-color: rgba(0,0,0,0.25);;
	text-shadow: 2px 1px 3px rgba(0,0,0,0.75);	
}

#header ul li a.active {
	background:#c41230;
	-webkit-transform: scale(1.2);
	text-shadow: 1px 1px 0px #000;
	background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5163C), to(#C41230));
}

#header ul li a:active {}

#home {}
#home .canvas,
#work .canvas {float: none; width: 980px; }
#home #site-intro {padding: 40px 0px 45px 00px;}
#home #site-intro h2 {float: left; font-size: 45px; line-height: 1em; width: 465px;  text-shadow: 3px 3px 15px  rgba(0,0,0,0.65); -webkit-text-stroke:1px #f2f0f0;}
#home #site-intro p { float: left; width: 490px; font-size: 14px; padding: 10px 0 0 0; line-height: 1.45em; font-weight: bold;}
#home #work-feature {
	background: #949494 url(../gfx/project_home_bg.png) no-repeat 0 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 30px 0 0px 0;
	margin-bottom: 20px;
	}

#home #work-feature .inset {background: url(../gfx/project_home_bg_btm.png) no-repeat bottom left; padding-bottom: 30px; -moz-border-radius: 10px;
	-webkit-border-radius: 10px;}
#home #work-feature .item {float: left; width: 320px; margin-right: 10px; position: relative;}	
#home #work-feature .item.last {margin-right: 0;}

#home #work-feature .item img,
#sidebar .item.project img {margin: 0 0 0 31px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); position: relative;}

#home #work-feature .item:hover img,
#sidebar .item.project:hover img {
	-webkit-transform:rotate(3deg);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);  
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
    top: -5px;
    
}

#home #work-feature .item span,
#sidebar .item.project span {display: block; width: 277px; height: 232px; background: url(../gfx/project_home_overlay.png) no-repeat bottom right; position: absolute; top: 20px; left: 22px;}
#home #work-feature .item h3 { margin: 15px 10px 0 42px; clear: left; color: #2f2c29;}
#home #work-feature .item h3,
#sidebar .item.project h3 {text-decoration: none; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); }
#home #work-feature .item h3:after {content:url(../gfx/more-after.png); margin-left: 3px; position: relative; top: 1px; }
#home #work-feature .item h3 a,
#sidebar .item.project h3 a {text-decoration: none;}
#home #work-feature .item p {margin: 5px 10px 0 42px; color: #fff; -webkit-text-stroke:0 #706b6c; 
text-shadow: 0 0 10px rgba(0,0,0, 0.4);}
#home #work-feature .item a {color: #2f2c29; text-shadow: none;}
#home #work-feature .over {}

#content-wrapper {background: #2e292e url(../gfx/body_bg.png) repeat 0 0;  padding-bottom: 60px;  color: #cecece;}
#content-wrapper .container { background: url(../gfx/devider_vert.png) repeat-y 596px 0;  position: relative;}
#home #content-wrapper .container,
#work #content-wrapper .container { background-image:none;  position: relative;}

p#crumbs {color: #625d5e; line-height: 60px; background: #2e292e url(../gfx/body_bg.png) repeat 0 0;}
p#crumbs a {color: #817c7d; text-decoration: none;}
p#crumbs a:hover {color: #fff;}
p#crumbs span { margin: 0 5px 0 5px;  }
p#crumbs a span { border-bottom: 1px solid #817c7d;}

h1#main {font-size: 48px; text-shadow: 3px 3px 10px  rgba(0,0,0,0.65); color: #dfdfdf; margin: 0 0 20px 0; -webkit-text-stroke:1px #f2f0f0;
height: 1%;
	filter: Shadow(Color=#000000, 	
	Direction=135, 
	Strength=2);
 }

p#intro {font-size: 20px;  text-shadow: 2px 2px 0px #000;}

#software #intro { margin-bottom: 40px;}
#software p#intro.reduct {margin-bottom: 20px;}
.canvas {float: left; width: 550px; }

.group {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 30px;
	}

.group:hover {-webkit-transform: scale(1.05); -moz-transform: scale(1.05);}	
		
.group h2 { 
	padding: 17px 15px 20px 65px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 40;
	-webkit-box-shadow:3px 3px 15px rgba(0,0,0,0.15);
	-moz-box-shadow:3px 3px 15px rgba(0,0,0,0.15);
	background-position: 580px center;
	position: relative;
	text-shadow:0px 0px 25px rgba(255,255,255,0.4);
}

.group h2:hover {
	-webkit-box-shadow:0px 0px 15px rgba(255,255,255,0.4);
	-moz-box-shadow:0px 0px 15px rgba(255,255,255,0.4);
	cursor: pointer;
}

.group.open h2:hover {
	-webkit-box-shadow:3px 3px 15px rgba(0,0,0,0.15);
	-moz-box-shadow:3px 3px 15px rgba(0,0,0,0.15);
}

.group h2:active {
	-webkit-box-shadow:0px 0px 15px #c41230;
	-moz-box-shadow:0px 0px 15px #c41230;
}

.group.open  {
	-webkit-box-shadow:0px 0px 15px rgba(255,255,255,0.4);
	-moz-box-shadow:0px 0px 15px rgba(255,255,255,0.4);
		background: url(../gfx/group_bg.png) repeat-y 0 0;

}

.group.open h2 {background: #1c191a url(../gfx/group_toggle.png) no-repeat 503px -75px;}
.group.closed h2 {background: #1c191a url(../gfx/group_toggle.png) no-repeat 503px 25px;}

.group h2 img {position: absolute; left: 20px; top: 20px;}
 
.group .item {
	border-left: 3px solid #3a3738; 
	border-right: 3px solid #3a3738;
	border-bottom: 3px solid #3a3738;
	padding:  15px 20px 20px 20px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	position: relative;
	z-index: 20;
	height: 40px;
	-webkit-box-shadow:3px 3px 15px rgba(0,0,0,0.15);
	-moz-box-shadow:3px 3px 15px rgba(0,0,0,0.15);
	}
	
.group .item h3 {width: 50%; font-size: 11px; letter-spacing: 1px; color: #625e5f; text-transform: uppercase; font-weight: normal;}
.group .item h3 a { font-size: 16px; letter-spacing: 1px; color: #fff; font-weight: bold; letter-spacing: normal; text-transform: none; line-height: 29px;}

.group .item:hover { margin-top: -3px; padding-top: 18px;}

.group .item a {text-decoration: none;}	

.group .item p {float: right; background: #1c191a; border-bottom: 1px solid #3a3738; border-right: 1px solid #3a3738; text-align: center; width: 130px; padding-left: 10px;}
.group .item p a { font-size: 11px; color: #706b6c; text-decoration: none; font-weight: normal; padding: 10px 0; display: block; width: 65px; text-align: center; float: left;}
.group .item p a:hover {color: #c41230; text-shadow:0px 0px 25px rgba(255,255,255,0.5);}


.group .item ul {list-style-type: none; position: absolute; right: 20px; bottom: 20px; width: 140px; background: #1c191a;
	border-bottom: 1px solid #3a3738; border-right: 1px solid #3a3738;}
.group .item ul li { float: right; padding: 8px 12px 10px 12px;}
.group .item ul li a { font-size: 11px; color: #706b6c; text-decoration: none; font-weight: normal;}
.group .item ul li a:hover {color: #c41230; text-shadow:0px 0px 25px rgba(255,255,255,0.5);}

#work h1#main {font-size: 40px; padding-bottom:  15px;}

#work #toggle-grid p {float: right;background: #000 url(../gfx/project_grid_icon.png) no-repeat 50% 50%; opacity: 0.2; -moz-border-radius: 10px;-webkit-border-radius: 10px; margin-top: 40px;}
#work #toggle-grid p:hover  {opacity: 0.23; }
#work #toggle-grid p a {display: block; width: 40px; height: 25px; text-indent: -3000px;   padding: 8px; background-position: 50% -50%; -moz-border-radius: 10px;-webkit-border-radius: 10px; }

#work #toggle-grid a:hover {-webkit-box-shadow: 0px 0px 5px #fff;}
#work #toggle-grid a:active {}
#work #toggle-grid a.open { background: url(../gfx/ico_16_close.png) no-repeat 50% 50%;}


#work ul#project-list {list-style-type: none; height: 275px; margin: 0 25px; -moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px; border: 5px solid #646464; border-bottom: none;
	-webkit-box-shadow: 0 0 25px #000;
	background: url(../gfx/project-list_bg.png) no-repeat 0 0;
	}
	
#work ul#project-list li {float: left; margin: 13px 10px 0 10px; -webkit-box-shadow: 0 0 5px #000; }	
#work ul#project-list li.first {margin-left: 30px;}
#work ul#project-list li a {}
#work ul#project-list li img {border: 3px solid #ccc; margin: 0; padding: 0; float: left;}
#work ul#project-list li:hover img { border-color: #c81c3c;}
#work ul#project-list li#active-project img {border: 3px solid #c81c3c;}
#work ul#project-list li:hover a,
#work ul#project-list li#active-project a {border-color: #fff;}

#work #project-detail-holder {background: #949494 url(../gfx/project_main_bg.png) repeat-y 0 0; -moz-border-radius: 10px;-webkit-border-radius: 10px;  overflow: auto; clear: both;}
#work #project-detail-holder .project{width: 970px; position: relative; height: 612px; }
#work #project-detail-holder img {position: absolute; top: 25px; right: 29px; padding: 7px; background: url(../gfx/project_main_img_bg.png) no-repeat 0 0;}
#work #project-detail-holder .pouch {position: absolute; bottom: 32px; right: 12px; background: url(../gfx/project_main_pouch.png) no-repeat 0 0; width: 613px; height: 92px;}

#work #project-detail-holder .project-info {width: 250px; padding: 40px 40px 0 40px; color: #2f2c29; }
#work #project-detail-holder .project-info p,
#work #project-detail-holder .project-info h3 {text-shadow: none;}
#work #project-detail-holder .project-info h3 {font-size: 22px; text-shadow: 0px 0px 1px #fff;}
#work #project-detail-holder .project-info p.intro {font-weight: bold; font-size: 125%;  text-shadow: 0px 0px 20px #ccc;}
#work #project-detail-holder ul.next-prev {width: 45px; height: 128px; position: absolute; top: 45%; right: -15px;  list-style-type: none;}
#work #project-detail-holder ul.next-prev li,
#work #project-detail-holder ul.next-prev li a { width: 39px; height: 60px; display: block; text-indent: -3000px;}
#work #project-detail-holder ul.next-prev li.next a {background: url(../gfx/project_main_next.png) no-repeat 0 0;}
#work #project-detail-holder ul.next-prev li.prev a {background: url(../gfx/project_main_prev.png) no-repeat 0 0;}
#work p.more a {background: #fff url(../gfx/btn_grad.png) repeat-x 0 bottom; padding: 5px 25px 5px 10px; float: left; clear: left; margin: 10px 0 0 0; color: #403b3c; text-decoration: none; -moz-border-radius: 5px;
	-webkit-border-radius: 5px; text-shadow: 1px 1px 0px #fff; position: relative;}
	
#work p.more a:hover {background: #fff;}
#work p.more a:after {content: url(../gfx/more-after.png); position: absolute; right: 9px; top: 7px; }

.docs {padding: 20px; margin-top: 30px; background: rgba(30,25,26, 0.2); border: 1px solid rgba(255,255,255, 0.1); -webkit-box-shadow: 0 0 10px rgba(10,25,26, 0.8); -moz-box-shadow: 0 0 10px rgba(10,25,26, 0.8); margin-bottom: 1.5em;}

.grabs { margin: 1.5em 0 1.5em 0; clear: both;}
.grabs img {border: 5px solid rgba(255,255,255, 0.1); margin: -5px; -webkit-border-radius: 4px;}

h2#documentation {background: url(../gfx/ico_38_clipboard.png) no-repeat 0 0; padding-left: 40px;}
.docs h3 {background: #3a3738; padding: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;}
	
#code-samples * {text-shadow: none; margin: 0; padding: 0;}
#code-samples {font-size: 14px; color: #fff; background: #908c8d; padding: 10px;  border-left: 25px solid #000;}
#code-samples ol {}
#code-samples ol li {}

#weblog .item,
#page .item,
#software .item.comment {padding: 20px 20px 20px 20px; margin-bottom: 1.5em;}
#weblog hr {background: url(../gfx/footer_seperator.png) no-repeat bottom center; background-color: none; border: none; height: 30px;}

.canvas#weblog p#intro {margin-bottom: 3em;}

#weblog .item,
#page .item,
#software .item.comment { background-repeat: no-repeat; background-position: 15px 12px;
-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 40;
	-webkit-box-shadow:3px 3px 15px rgba(0,0,0,0.15);
	-moz-box-shadow:3px 3px 15px rgba(0,0,0,0.15);
	background-color: #1c191a;
}

#weblog .item .caption { font-family: Georgia, "Times New Roman", Times; padding: 0 10px; border-left: 10px solid rgba(255,255,255, 0.1); color:#959595; }
#weblog .item .caption p a {color: #afafaf;}

#weblog .item.video {background-image: url(../gfx/icon_tumblr_video.png);}

#weblog .item p.meta {margin: 0 0 20px 0; padding: 8px; border-bottom: 1px solid rgba(255,255,255, 0.1); margin-left: 40px; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 10px;  }
#weblog .item p.meta a {float: right; padding-left: 20px; background: url(../gfx/ico_16_comment.png) no-repeat 0 0; text-decoration: none; opacity: 0.5; }
#weblog .item p.meta a:hover {opacity: 1;}
#weblog .item object,
#weblog .item embed {width: 100% !important; margin-bottom: 1em;}


#weblog .item.link {background-image: url(../gfx/icon_tumblr_linkage.png);}
#weblog .item.link h3 {}
#weblog .item.link h3 a {  text-decoration: none; padding-bottom: 1px;}
#weblog .item.link h3 a img { margin-left: 5px; margin-right: -20px;}
#weblog .item.link h3 a:hover {border-color: #1c191a; }
#weblog .item.link h3 a:hover img {display: inline;}

#weblog .item.link h3 a:after {  }

#weblog .item.quote,
#software .item.quote {background-image: url(../gfx/icon_tumblr_quotation.png); padding-bottom: 35px;}
#weblog .item.quote blockquote,
#software .item.quote blockquote {font-size: 160%; font-family: "Futura Book", Futura, "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 20px; padding: 0;  }
#weblog .item.quote blockquote p,
#software .item.quote blockquote p {text-shadow:0px 0px 25px rgba(255,255,255,0.4); color: #fff;}

#weblog .item.photo {background-image: url(../gfx/icon_tumblr_img.png);}
#weblog .item.photo .img-wrapper {width: 100%; background: none; text-align: center;  margin-bottom: 1em; }
#weblog .item.photo img {margin: 0; -webkit-box-shadow:0px 0px 25px #000;  }

#weblog .item.post {}
#weblog .item.comment,
#software .item.comment {background-color: rgba(28,25,26, 1); font-size: 90%;}
#weblog .item.comment blockquote,
#software .item.comment blockquote { margin: 20px 20px -10px 20px;}
#weblog .item.comment cite,
#software .item.comment cite {margin:  0; padding: 8px; border-bottom: 1px solid rgba(255,255,255, 0.1); color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; font-style: normal; display: block; }

.comment-wrapper,
#sidebar .item .reasons {padding: 20px; background-color: rgba(0,0,0,0.1); 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}

.comment-form {opacity: 0.8;}
.comment-form:hover {opacity: 1;}
.comment-form form {}
.comment-form textarea {width: 460px; height: 150px; border: 0;}
.comment-form form input.submit {
	background:#c41230;
	background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5163C), to(#C41230))
	color: #fff !important;
	border: none;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.comment-form hr {background:#3a3738;color:#3a3738;}

.pagination {margin: 40px 0; background-color: rgba(28,25,26, 1); -moz-border-radius: 10px;
	-webkit-border-radius: 10px;}
.pagination * {margin: 0; padding: 0;}
.pagination-links {padding-left: 15px;}
.pagination-links strong {padding: 20px 10px; background: #3a3738; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.pagination-links a {
	background:#c41230;
	text-shadow: 1px 1px 0px #000;
	background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5163C), to(#C41230));
	padding: 8px 10px 10px 10px;
	text-decoration: none;
}

#sidebar {margin-left: 100px; width: 330px; float: left;}

#sidebar .item {
	background: #3a3738 ; 
	border: 5px solid #2a2728;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 15px 15px 22px 15px;
	margin-bottom: 20px;
	position: relative;}
	
#sidebar .item ul { list-style-type: none; border-top: 1px solid #2a2728;border-bottom: 1px solid #4d494a;}
#sidebar .item ul li { border-bottom: 1px solid #2a2728; border-top: 1px solid #4d494a;}
#sidebar .item ul li a {text-decoration: none; padding: 5px 27px; background: url(../gfx/more-after-white.png) no-repeat 6px 7px; display: block;}	
#sidebar .item ul li a:hover {background-color: rgba(0,0,0,0.3); }	

	
#sidebar .item h3 {padding: 5px 0; margin-bottom: 5px;}
#sidebar .item h3.fluff {padding: 8px 5px 8px 38px;  margin-bottom: 10px; background-repeat: no-repeat; background-position: 0 0; margin-bottom: 0;}
#sidebar .item h3.lifesaver {   background-image: url(../gfx/ico_48_lifesaver.png); padding-left: 58px;}
#sidebar .item h3.star {   background-image: url(../gfx/ico_38_star.png); }
#sidebar .item h3.notepad {   background-image: url(../gfx/ico_38_clipboard.png); background-position: 0 10px; }

#sidebar .item p {margin-bottom: 10px;}
#sidebar .item p.more {}

#sidebar .item#download {padding-bottom: 15px;}
#sidebar .item#download p {margin-bottom: 0;}
#sidebar .item#download p a {display: block; text-decoration: none;  text-align: center; background: url(../gfx/ico_48_download.png) no-repeat 0 50%; padding: 10px 5px 8px 35px;}
#sidebar .item#download p a em {font-size: 11px; font-weight: normal;}
#sidebar .item#download p a:hover { background-position: 50% 5%;  padding: 60px 5px 8px 5px; font-size: 125%; line-height: 1em;}
#sidebar .item#download p a:active {background-position: 50% 100%;  padding: 8px 5px 60px 5px; color: #fff; }
#sidebar .item#download:hover { }

#sidebar .item#notes li {padding: 10px 0;}
#sidebar .item#notes strong {font-size: 120%;}

#sidebar .item p.more a {background: #fff url(../gfx/btn_grad.png) repeat-x 0 bottom; padding: 5px 25px 5px 10px; float: left; clear: left; margin: 0; color: #403b3c; text-decoration: none; -moz-border-radius: 5px;
	-webkit-border-radius: 5px; text-shadow: 1px 1px 0px #fff; position: relative;   }
#sidebar .item p.more a:hover {background: #fff;}
#sidebar .item p.more a:after {content: url(../gfx/more-after.png); position: absolute; right: 9px; top: 7px; }

#sidebar .item.project img {margin: 15px 0 25px 18px;}
#sidebar .item.project span {top: 87px;}
#sidebar .item.project h3 {position: relative; text-shadow: 1px 1px 1px #000;}
#sidebar .item.project h3 a:after {content: url(../gfx/more-after-white.png); margin-left: 3px; position: relative; top: 1px; }
#sidebar .item .reasons {margin-top: 8px;}

#sidebar .item ol {margin: 0 0 0 18px; list-style-type:upper-roman;}
#sidebar .item ol li {margin-bottom: 12px;}

p.btt {float: right;}
p.btt a {text-decoration: none; background: #c81c3c url(../gfx/btt_arrow.png) no-repeat 5px center; padding: 5px 8px 7px 30px; 
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px; 
}
p.btt a:hover {	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);}
p#btt {clear: both; position: absolute; bottom: -69px; left: 0; background: #c81c3c url(../gfx/btt_bg.png) no-repeat right bottom; padding: 5px 20px 5px 10px;}
p#btt a {background: url(../gfx/btt_arrow.png) no-repeat left center; padding: 5px 5px 5px 25px; display: block; text-decoration: none;}
p#btt a:active, 
p#btt a:hover { text-decoration: underline; color: #fff;}

#footer { padding: 60px 0;}

#footer .footer-block {float: left; width: 320px; margin-right: 10px; 
	background:  #000; padding-bottom: 25px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0A0A0A), to(#0F0F0F));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow:3px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow:3px 3px 0px rgba(0,0,0,0.15);
	margin-bottom: 40px;
	
	}
#footer .footer-block.last {margin-right: 0;}
#footer .footer-block.last li a {padding-left: 28px;}

#footer .footer-block h4 { padding: 15px 15px 12px 15px;  font-size: 22px; color: #bdbdbd;}
#footer .footer-block ul { list-style-type: none; margin: 0 15px; }
#footer .footer-block ul li { border-bottom: 1px solid #211e23; background-position: 3px center; background-repeat: no-repeat;}
#footer .footer-block ul li.first {border-top: none;}
#footer .footer-block ul li#intranet {background-image: url(../gfx/ico_16_intranet.png);}
#footer .footer-block ul li#accounts {background-image: url(../gfx/ico_16_accounts.png);}
#footer .footer-block ul li#webmail {background-image: url(../gfx/ico_16_mail.png);}
#footer .footer-block ul li a { padding: 5px 15px; display: block; text-decoration: none; font-weight: normal; color: #706b6c;
 -webkit-text-stroke:0 #706b6c;}
 #footer .footer-block ul li a:hover {color: #dfdfdf;}

 #footer p#copyright {clear: both; display: block; padding: 60px 0 0px 0; text-align: center; background: url(../gfx/footer_seperator.png) no-repeat top center; font-size: 11px; font-family:  Gill, "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 3px; margin: 0; color: #979797;}