/**
 * Stylesheet for <Link Inc>
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <stephen@netlash.com>
 */

/**
 * = Typography and text styles
 * ----------------------------------------------------------
 */

	body {
		font-size: 12px;
		font-family: "Lucida Grande", Verdana, sans-serif;
		line-height: 1.8em;
		color: #666;
		background: #fff url(../images/background.gif) repeat-x;
	}
	
	#container {
		width: 960px;
		position: relative;
		margin: 0 auto;
	}

	strong, th, thead td, h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
	}

	ul {
		list-style: disc;
		padding: 10px 0 10px 14px;
	}

	ol {
		list-style-type: decimal;
		padding: 10px 0 10px 14px;
	}

	ul ul, ol ul, ol ol, ul ol {
		padding: 0 0 0 20px;
	}

	h1, h3 {
		font-size: 12px;
		line-height: 1.8;
		font-weight: 500;
		height: 26px;
		padding: 13px 10px 0 10px;
		margin: 0 0 20px 0;
		overflow: hidden;
		color: #FFF;
		clear: both;
		background: #C3001D url(../images/title_holder.png);
	}

		h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
		h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
			text-decoration: underline;
			border: none;
			color: #FFF;
			background: none;
		}


	h2, h4, h5, h6 {
		line-height: 1.3;
		color: #333;
	}

	h2 a:link, h2 a:visited,
	h4 a:link, h4 a:visited {
		text-decoration: none;
		border: none;
		color: #333;
	}

	h2 a:hover, h2 a:active,
	h4 a:hover, h4 a:active {
		text-decoration: none;
		border: none;
		color: #C40005;
	}

	h2, .titleLabel {
		font-size: 18px;
		margin: 0 0 10px 0;
	}

		.titleLabel {
			display: block;
			color: #333;
		}

	h4 {
		font-size: 12px;
		margin: 0 0 5px 0;
	}
	
	h5 {
		font-size: 11px;
		margin: 0 0 4px 0;
	}
	
	h6 {
		font-size: 11px;
		margin: 0 0 3px 0;
	}

	p {
		padding-bottom: 12px;
	}

	a {
		border-bottom: 1px solid #333;
		text-decoration: none;
	}

	a:link {
		color: #333;
		border-bottom: 1px solid #bcbcbc;
	}
	
	a:visited {
		color: #666;
		border-bottom: 1px solid #bcbcbc;
	}

	a:hover {
		color: #333;
		border-bottom: 1px solid #333;
	}

	a:active {
		color: #C40005;
		border-bottom: 1px solid #C40005;
	}

	/**
	 * = Defaults
	 * ----------------------------------------------------------
	 */

		/* General Classes */

		.hidden {
			display: none; 
		}

		.block {
			display: block; 
		}

		.nopadding {
			padding: 0 !important;
		}

		.nomargin {
			margin: 0 !important;
		}

		.paddingtop {
			padding-top: 10px;
		}

		.paddingbottom {
			padding-bottom: 10px;
		}

		.margintop {
			margin-top: 10px;
		}

		.marginbottom {
			margin-bottom: 10px;
		}

		.floatleft {
			float: left;
		}

		.floatright {
			float: right;
		}

		.clear {
			clear: both;
		}

		a.noborder {
			border: none;
		}

		.caps { 
		  font-variant: small-caps; 
		  letter-spacing: 1px; 
		  text-transform: lowercase; 
		  font-size: 14px;
		  font-weight: bold;
		  padding: 0 0.2em;
		}

		img.alignleft {
			float: left;
			padding: 0 10px 10px 0;
		}

		img.alignright {
			float: right;
			padding: 0 0 10px 10px;
		}

		.small {
			font-size: 11px;
		}

		/* General Elements */

		input, textarea {
			font: 500 12px/1.2 "Lucida Grande", Verdana, sans-serif;
			border-color: #e6e6e6;
			border-style: solid;
			border-width: 1px;
			padding: 6px 2px;
			zoom: 1;
		}

		input.inputSubmit {
			font: 700 11px/1.2 "Lucida Grande", Verdana, sans-serif;
			color: #333;
			background: #D8D8D8;
			border: none;
			padding: 6px 12px;
			cursor: pointer;
			overflow: visible;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			margin: 0;
			zoom: 1;
		}

			input.inputSubmit:hover {
				background: #C40005;
				color: #FFF;
			}

			input.checkbox {
				border: none;
				margin: 0 6px 0 0;
			}

			.form-error {
				font-style: italic;
				color: #C40005;
				font-size: 11px;
			}

		hr {
			border: none;
			border-top: 1px solid #CDCDCD;
			padding: 0;
		}

		div.hr {
			border-bottom: 1px solid #D7D7D7;
			margin: 12px 0 24px;
		}

		div.hr hr {
			display: none;
		}

		/* 
			Focus outline: Mozilla specific.
		*/

		@-moz-document url-prefix() {
			input:focus, textarea:focus { 
				outline: 2px solid #CBCBCB;
				-moz-outline-radius: 5px;
				border-color: #A3A3A3;
			}

				#header input.searchfield:focus,
				#header input.searchfield:focus { 
					outline: 2px solid #CBCBCB;
					-moz-outline-radius: 5px;
					border-color: #A3A3A3;
				}
		}

		small {
			color: #808080;
			font-size: 11px;
		}

		code {
			font-family: Monaco, "Courier New", monospace;
			line-height: 1.15;
		}

		pre {
			padding: 7px 14px;
			background: #F5F5F5;
			margin: 0 0 14px 0;
		}

		blockquote, q {
			font-style: italic;
			color: #666;
		}

		blockquote {
			padding: 0 10px; 
			margin: 16px 0;
		}

		cite, em, dfn {
			font-style: italic; 
		}

		abbr, acronym { 
			cursor: help;
			text-transform: uppercase; 
			font-size: 11px; 
			letter-spacing: .1em; 
		}

		del { 
			text-decoration: line-through; 
			color: #666;
		}

		small, sup, sub { 
			font-size: 11px; 
		}

		table {
			border-top: 1px solid #e9e9e9;
			border-left: none;
			margin-bottom: 20px;
		}

		td, th {
			border-right: none;
			font-size: 11px;
			padding: 6px;
		}

		th {
			font-weight: 700;
			background: #fff;
			color: black;
			line-height: 1.2;
			text-align: left;
			padding: 8px;
			border-bottom: 1px solid #e9e9e9;
		}

		tr.rowOdd { 
			background: white;
		}

		tr.rowEven { 
			background: #f4f4f4;
		}

/**
 * = Page structure and layout
 * ----------------------------------------------------------
 */
	/* Header */

	#header {
		height: 154px;
		background: url(../images/header.gif) no-repeat right 30px;
	}

	#header form {
		position: absolute;
		top: 40px;
		right: 20px;
	}

	#header legend {
		display: none;
	}

	#header input.searchfield {
		color: #666;
		width: 118px;
		padding: 3px 2px 3px 20px;
	}

	#header input.searchbutton {
		color: #333;
		font-weight: 500;
		background: none;
		border: none;
		padding: 3px 6px;
		height: 21px;
		cursor: pointer;
	}

	#header input.searchbutton:hover {
		background: #333;
		color: #FFF;
	}

	#header input.searchbutton:active {
		background: #000;
		color: #FFF;
	}

	.search_icon {
		position: absolute;
		background: url(../images/icon_search.gif) no-repeat;
		z-index: 99;
		width: 11px;
		height: 11px;
		left: 6px;
		top: 6px;
	}

	/* Logo */

	#header h1 {
		width: 88px;
		height: 80px;
		background: url(../images/logo.gif) no-repeat;
		text-indent: -9999px;
		position: absolute;
		top: 20px;
		left: 20px;
		border: none;
	}

	#header h1 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: none;
	}
	
	#header #h1 {
		width: 106px;
		height: 114px;
		background: url(../images/logo.gif) no-repeat;
		text-indent: -9999px;
		position: absolute;
		top: 30px;
		left: 0;
		display: block;
		border: none;
	}

	#header #h1 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: none;
	}

	/* Navigation */

	#navigation {
		list-style-type: none;
		position: absolute;
		top: 164px;
		left: 0;
		padding: 0;
		width: 190px;
		z-index: 9999;
	}

		#navigation li a {
			height: 26px;
			overflow: hidden;
			border: none;
			display: block;
			padding: 13px 5px 0 10px;
			background-image: url(../images/nav_holder.png);
			/*transition*/
			-webkit-transition: all 50ms ease-in;
			-moz-transition: all 50ms ease-in;
			-o-transition: all 50ms ease-in;
			transition: all 50ms ease-in;
		}

		#navigation li a:link,
		#navigation li a:visited
		 {
			color: #333;
			background-color: #E6E6E6;
		}

		#navigation li a:hover {
			background-color: #333;
			color: #FFF;
		}

		#navigation li a:active {
			background-color: #000;
			color: #FFF;
		}

		#navigation li.active a:link,
		#navigation li.active a:visited,
		#navigation li.active a:hover,
		#navigation li.active a:active {
			background-color: #000;
			color: #FFF;
			cursor: default;
		}

	/*newsletter & facebook*/

	#navigation li.newsletter,
	#navigation li.facebook {
		background: #fff;
		padding: 20px 10px 10px 45px;
		line-height: 1.2;
		background: #fff url(../images/icon_newsletter_big.gif) no-repeat 0 23px;
		zoom: 1;
	}

		#navigation li.facebook {
			background: url(../images/icon_facebook_big.gif) no-repeat 0 21px;
		}

		#navigation li.newsletter a,
		#navigation li.facebook a {
			display: inline;
		}

		#navigation li.newsletter a:link,
		#navigation li.newsletter a:visited,
		#navigation li.facebook a:link,
		#navigation li.facebook a:visited {
			line-height: 1.2;
			font-size: 11px;
			border: none;
			display: inline;
			padding: 0;
			color: #666;
			background: none;
		}

		#navigation li.newsletter a:hover,
		#navigation li.newsletter a:active,
		#navigation li.facebook a:hover,
		#navigation li.facebook a:active {
			background: none;
			color: #000;
		}

	/* subnav*/

	#navigation li.active ul {
		padding: 10px;
		list-style-type: none;
	}

	#navigation li.active li {
		font-size: 11px;
		line-height: 1.5em;
		border-bottom: 1px solid #d9d9d9;
	}

	#navigation li.active li a {
		height: auto;
		padding: 6px 10px;
	}

	#navigation li.active li a:link,
	#navigation li.active li a:visited {
		background: none;
		color: #333;
		cursor: pointer;
	}

	#navigation li.active li a:hover {
		background: #f4f4f4;
		color: #c40005;
	}

	#navigation li.active li a:active {
		background: #fff;
		color: #c40005;
	}

	#navigation li.active li.active {
		line-height: 1.5em;
		border-bottom: 1px solid #f4f4f4;
	}

	#navigation li.active li.active a:link,
	#navigation li.active li.active a:visited,
	#navigation li.active li.active a:hover,
	#navigation li.active li.active a:active {
		background: #d8d8d8;
		color: #333;
	}

	/* Content */

	#content {
		padding: 10px 0 0 240px;
		min-height: 400px;
		position: relative;
	}

	#leftcontent {
		float: left;
		width: 420px;
	}

	#rightcontent {
		float: right;
		position: absolute;
		top: 50px;
		left: 720px;
		padding: 0;
		width: 240px;
	}

	a.button:link,
	a.button:visited,
	a.button:hover,
	a.button:active {
		float: left;
		line-height: 28px;
		border: none;
		margin: 0 0 20px 0;
		padding: 0;
		clear: both;
	}

	a.button span {
		background: url(../images/button.png) no-repeat right -37px;
		padding: 0 25px 0 20px;
		display: block;
		float: none;
	}

	a.button span:hover {
		background: url(../images/button.png) no-repeat right -71px;
		color: #FFF;
	}

	a.button span:active {
		background: url(../images/button.png) no-repeat right -2px;
		color: #fff;
	}

	.articleNav {
		padding-bottom: 12px;
		font-size: 11px;
	}

	.articleNav p {
		padding-bottom: 0;
	}

	.inner_content {
		padding-bottom: 20px;
	}

	.side_padding {
		padding: 10px 0;
	}

	.custom_image {
		padding: 0 10px 10px 0;
		float: left;
		width: 110px;
		border: none;
	}

	ul.tiny_list {
		list-style-type: none;
		padding: 0 20px 10px 0;
		width: 100px;
		float: left;
		font-size: 11px;
	}

	ul.tiny_list li {
		padding: 6px 0;
		border-bottom: 1px dotted #e6e6e6;
		line-height: 1.3;
	}

	ul.tiny_list li a:link {
		border: none;
		font-weight: bold;
		display: block;
	}

	ul.tiny_list li a:visited {
		border: none;
		font-weight: bold;
		color: #333;
		display: block;
	}

	ul.tiny_list li a:hover,
	ul.tiny_list li a:active {
		border: none;
		font-weight: bold;
		color: #c40005;
		display: block;
	}

	div.comments {
		border-top: 1px solid #e6e6e6;
		clear: both;
	}

	div.comment {
		margin: 0 10px;
		background: #f7f7f7 url(../images/comment_background.gif) repeat-x;
		float: left;
	}

	div.width33 {
		width: 220px;
	}

	div.width50 {
		width: 340px;
	}

	div.width100 {
		width: 700px;
	}

	div.comment:hover,
	div.comment:active {
		background: #f7f7f7 url(../images/comment_background_hover.gif) repeat-x;
	}

	div.comment div.content {
		padding: 0;
		font-size: 11px;
		line-height: 1.3em;
		border: none;
		display: block;
	}

	div.comment div.content p {
		padding: 0;
		margin: 0;
	}

	div.comment div.content a {
		padding: 20px;
		display: block;
		border: 0;
	}

	div.comment p.author {
		background: #fff url(../images/comment_bottom.gif) no-repeat right top;
		text-align: right;
	}

	div.comment p.author a:link,
	div.comment p.author a:visited,
	div.comment p.author span {
		border: none;
		padding: 10px 0 0 10px;
		display: block;
	}

	div.comment p.author a:hover,
	div.comment p.author a:active,
	div.comment p.hover a {
		border: none;
		padding: 10px 0 0 10px;
		background: url(../images/comment_hover.gif) no-repeat left 10px;
		text-decoration: underline;
	}

	div.comment .alignleft {
		padding: 0 10px 20px 0;
	}

	div.comment .alignright {
		padding: 0 0 20px 10px;
	}

	ul.tiny_list li.avatar {
		border: none;
	}

	ul.tiny_list li.avatar a {
		border: 0;
		display: block;
	}

	li.avatar img {
		display: block;
		border: 0;
	}

	#rightcontent .slideshow {
		padding: 20px 0 10px 10px;
	}

	#rightcontent .slideshow img {
		display: block;
	}

	#rightcontent .slideshow ul {
		padding: 0 0 10px 14px;
		list-style-type: none;
	}

	#rightcontent .slideshow ul.thumbs {
		padding: 0 0 10px 0;
	}

	#rightcontent .slideshow ul.thumbs li {
		float: left;
	}
	
	#rightcontent .slideshow ul.thumbs a {
		border: none;
	}
	
	#rightcontent .slideshow ul.thumbs img {
		max-width: 70px;
		padding: 5px 5px 0 0;
		display: block;
	}

	.item {
		float: left;
		width: 590px;
	}

	h4.paddingLeftCol {
		padding-left: 130px;
		padding-top: 24px;
		clear: both;
	}

	p.paddingLeftCol {
		padding-left: 130px;
	}

	img.goLeft {
		float: left;
		margin-left: -120px;
		margin-top: -20px;
		padding-right: 20px;
		width: 100px;
		height: auto;
	}

	/* arrowList */

	ul.arrowList, 
	#rightcontent .slideshow ul.arrowList {
		padding: 0 0 10px 0;
	}

	ul.arrowList li {
		padding-left: 14px;
		background: url(../images/arrow.gif) no-repeat 0 7px;
	}

	/* Projects */

	a.projectCategory {
		margin-bottom: 20px;
	}

	/* Blogpost */

	#blog,
	#blogdetail {
		padding-top: 10px;
	}

	#blogdetail .blogform .item {
		padding-left: 120px;
	}

	/* RSS */

	a.rss {
		border: 0;
		float: right;
		margin: -43px 10px 0 0;
		display: block;
		width: 14px;
		height: 14px;
	}

	/* Newsletter */

	#newslettersubscribeform dl {
		width: 400px;
	}

	#newslettersubscribeform dt.float {
		width: 150px;
		float: left;
	}

	#newslettersubscribeform dd {
		float: left;
		padding-bottom: 4px;
		position: relative;
	}

	input.input-text-error,
	textarea.textarea-error {
		border-color: #c40005;
	}

	span.form-error {
		display: block;
		color: #c40005;
	}

	/* Fork defaults: pagination */

	.pagination-wrap {
		width: 100%;
		overflow: hidden;
	}

	.pagination {
		float: left;
		position: relative;
		left: 50%;
	}

	.pagination ul {
		padding: 18px 0;
		z-index: 2;
		overflow: hidden;
		position: relative;
		left: -50%;
	}

	.pagination li {
		float: left;
		list-style: none;
		margin: 0 5px 0 0;
		text-decoration: none;
		padding: 0;
		line-height: 15px;
		font-size: 12px;
		text-align: center;
	}

	.pagination li span {
		float: left;
		display: block;
		padding: 4px 5px;
		color: #CCC;
		min-width: 12px;
	}

	.pagination li.currentpage span {
		font-weight: 700;
		color: black;
	}

	.pagination li.selected span {
		padding: 4px 5px;
		font-weight: 700;
		color: black;
	}

	.pagination li a:link,
	.pagination li a:visited {
		float: left;
		display: block;
		padding: 3px 4px;
		border: 1px solid #DDD;
		text-decoration: none;
		min-width: 12px;
	}

	li.ellipsis {
		margin: 0;
	}

	li.ellipsis span {
		color: black;
	}

	.pagination li a:hover,
	.pagination li a:active {
		background: #EEE;
		border: 1px solid #BBB;
		color: black;
	}

	.nextpage, .previouspage { font-size: 11px !important; }
	.pagination li.nextpage { margin-left: 10px; }
	.pagination li.previouspage { margin-right: 15px; }

	/* Footer */

	#footer {
		padding: 10px 10px 10px 10px;
		width: 700px;
		clear: both;
		text-align: right;
		float: right;
		border-top: 1px solid #e6e6e6;
		font-size: 11px;
	}
	
	#footer li {
		display: inline;
		padding: 0 14px 0 10px;
		background: url(../images/footer_bullet.gif) no-repeat right center;
	}
	
	#footer li.last {
		padding-right: 0;
		background: none;
	}
	
	#footer li a:link,
	#footer li a:visited {
		color: #999;
		border-color: #ccc;
	}

	#footer li a:hover,
	#footer li a:active {
		border-color: #999;
	}

/* Clearfix */

.clearfix:after, .inner_content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

p.message {
	background: #F4F4F4;
	font-size: 11px;
	font-weight: 700;
	color: #333;
	padding: 6px 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 12px;
}