/* niqos design studio
 * CSS Document
 * copyright 2007 - niqos, inc.
 */

/* Sitewide Stuff */
body {
	text-align:center;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}
body,ul,li,table,ol,dl,dd,dt,form,p,h1,h2,h3,fieldset {
	margin:0;
	padding:0;
}
a img {border:none;}
a.action {
	background:#ff9;
	padding:3px 5px;
	color:#333;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}
a.action:hover {
	color:#fff;
	background:#333;
}
a.comments {
	padding:0 19px 1px 0;
	background:url(/workspace/img/comments.gif) #fff no-repeat 100% 0%;
	text-decoration:none;
	color:#618BC0;
}
a.comments:hover {text-decoration:underline;}
a.mailto {
	text-decoration:none;
	color:#69c;
}
a.mailto:hover {text-decoration:underline;}
p.optional {
	float:right;
	font-size:11px;
}
div#design-4-humans {
	background:url(../img/design-4-people-first.png) no-repeat;
	width:90px;
	padding-right:40px;
	height:93px;
	float:right;
}
div#wrapper {
	background:url(../img/wrapper_bg.png) repeat-x;
}
div#content {
	width:756px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:4px 0 0 0;
}
div#header {height:70px;}
h1#logo, h2#logo {
	float:left;
	margin:20px -126px 0 0;
	height:0;
	padding:37px 100px 0 0;
	width:308px;
	overflow:hidden;
	background:url(../img/header_logo.png) no-repeat;
}
p.logo {
	height:0;
	overflow:hidden;
}
a#client_login {
	display:block;
	float:right;
	width:126px;
	padding-top:36px;
	height:0;
	overflow:hidden;
	background:url(../img/client_login_button.png) no-repeat;
	cursor:pointer;
	margin-right:-9px;
}
ul#navigation{
	display:block;
	height:32px;
	margin-left:5px;
}
ul#navigation li{
	float:left;
	display:block;
	width:90px;
	height:32px;
	list-style:none;
	background-image:url(../img/nav_buttons.png);
}
ul#navigation a {
	height:0px;
	display:block;
	padding-top:32px;
	margin:0 4px;
	overflow:hidden;
}
/* Navigation Tab Config */
	ul#navigation li#home {background-position:-2px 0px;}
	div.home ul#navigation li#home {background-position:-2px 32px;}
	ul#navigation li#blog {background-position:-92px 0px;}
	div.blog ul#navigation li#blog {background-position:-92px 32px;}
	ul#navigation li#work {background-position:-182px 0px;}
	div.work ul#navigation li#work {background-position:-182px 32px;}
	ul#navigation li#contact {background-position:-362px 0px;}
	div.contact ul#navigation li#contact {background-position:-362px 32px;}
/* end */
div#graphic_content {
	clear:both;
	margin-bottom:14px;
}
/* Site-wide Footer */
div#footer {
	background:url(../img/footer_image.png) no-repeat;
	margin:28px 0 36px 0;
	padding:20px 0 0 0;
	color:#999;
}
div#footer span {
	display:block;
	margin-bottom:8px;
}


/***** HOMEPAGE *****/

/* Portfolio */
div#portfolio_wrapper {
	background:url(../img/portfolio_bg.png);
	width:741px; /* 756px - 15px */
	height:250px; /* 278px - 2*14px */
	padding: 14px 0 14px 15px;
	overflow:hidden;
}
div#portfolio {width:1000px;}
div#portfolio a {
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding-top:249px;
	margin-right:15px;
	background:url(../img/portfolio_items.png);
	cursor:pointer;
}
div#portfolio a#awesometransfer {
	width:250px;
	background-position:0px 0px;
}
div#portfolio a#stolenradio {
	width:279px;
	background-position:-250px 0px;
}
div#portfolio a#whats_next {
	width:250px;
	background-position:-529px 0px;
}

/* Two Column - Main Homepage */
div.home div#column-1{
	float:left;
	width:430px;
	margin-right:-326px;
}
div.home div#column-2{
	float:right;
	width:312px;
	margin-left:14px;
}
div#home-message {
	color:#777;
	background:url(../img/home_message.png);
	height:75px;
	padding:12px 0 0 14px;
}
div#home-message p {
	margin-top:12px;
}
div#home-message a#css-hidden {
	height:0;
	margin:0;
	overflow:hidden;
	padding:36px 0 0;
	display:block;
}
div#niqos-description h2 {
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#333;
	margin:14px 14px 0 14px;
}
div#niqos-description p {
	color:#444;
	line-height:18px;
	margin:0 14px 12px 14px;
}
a.read_blog {
	float:right;
	margin-top:-6px;
}

/* Bio Stuff */
div.bio h2 {
	height:0;
	font-size:1px;
	padding-top:25px;
	overflow:hidden;
	display:block;
	margin:14px 14px 0 14px;
}
div.bio h2#eric {background: url(../img/header_images.png) no-repeat;}
div.bio h2#burak {background: url(../img/header_images.png) no-repeat 0px -25px;}
div.bio h2#ruby_on_rails {background: url(../img/header_images.png) no-repeat 0px -50px;}
div.bio h3 {
	height: 0px !important; /* for most browsers */
	height /**/:24px; /* for IE5.5's bad box model */
	padding-top:24px;
	width:242px;
	overflow:hidden;
	margin:0;
	background-color:#ddd !important;
	position:absolute;
	bottom:0;
	left:0;
}
div.bio h3#creative_director {background: url(../img/header_images.png) right -99px no-repeat;}
div.bio h3#tech_director {background: url(../img/header_images.png) right -75px no-repeat;}
div.bio h3#roommate {background: url(../img/header_images.png) right -123px no-repeat;}
div.bio {
	margin-top:16px;
	width:242px;
	height:202px;
	background:url(../img/bio_top_bg.jpg) no-repeat #eee;
	float:left;
	margin-right:14px;
	position:relative;
	font-size:11px;
	color:#999999;
	line-height:14px;
}#last {margin-right:0;}
div.bio p {margin:2px 14px;}


/***** Blog *****/

div.blog div#graphic_content {
	padding:29px;
	background:url(../img/blog_header.png) no-repeat;
	height:171px; /* 229px */
}
div.blog div#column-1{
	float:left;
	width:500px;
	margin-right:-326px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
div.blog div#column-2{
	float:right;
	width:242px;
	margin-left:14px;
}
div.blog div#footer {margin-top:28px;}
div#blog_message {
	background:url(../img/blog_message.png);
	padding:82px 14px 0 22px;
	height:48px;
}
div#blog_message a {
	float:right;
	margin-top:14px;
}
div#blog_message div#design-4-humans {
	float:left;
}
div.entry_date {
	font-size:10px;
	color:#999;
	letter-spacing:2px;
	padding-top:8px;
	text-transform:uppercase;
}
h1.entry_title, h2.entry_title {margin:0;}
h1.entry_title a, h2.entry_title a {
	display:block;
	text-decoration:none;
	font-size:24px;
	color:#618BC0;
	font-weight:normal;
	border-bottom:1px dotted #bbb;
	line-height:26px;
	padding:4px 0 7px 0;
}
h1.entry_title a:hover, h2.entry_title a:hover {color:#000;}
div.entry_body span.first_letter {
	font-size:43px;
	line-height:24px;
	padding:7px 8px 4px 0;
	color:#666;
	float:left;
}

/*** Entry Contents ***/
div.entry_body p, div.entry_body ol, div.entry_body ul {
	font-size:13px;
	line-height:20px;
	margin:12px 0;
}
div.entry_body ul, div.entry_body ol {
	padding:0 12px 0 36px;
}
div.entry_body ol ul, div.entry_body ul ol, div.entry_body ul ul, div.entry_body ol ol {
	margin-top:0px;
}
div.entry_body h2,h3,h4 {
	margin:30px 0 12px 0;
}
div.entry_body a {
	text-decoration:none;
	border-bottom:1px solid #ddd;
	color:#666;
}
div.entry_body a:hover {border-bottom-color:#666;}
div.entry_body pre {
	border:1px solid #ddd;
	background:#f0f0f0;
	padding:8px;
}


div.entry_footer,div.entry_description {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color:#666;
	padding:7px 0;
}
div.entry_footer {
	border-top:4px solid #ddd;
	margin-bottom:27px;
}
div.blog.post div.entry_footer {
	margin-bottom:10px;
}
div.entry_footer a,div.entry_description a {
	text-decoration:none;
	color:#618BC0;
}
div.entry_footer a:hover,div.entry_description a:hover {text-decoration:underline;}
div.entry_footer a.blog_nav {
	margin-top:-2px;
	padding:3px 5px;
	background:#666;
	font-weight:bold;
	color:#fff;
	float:right;
}
div.entry_footer a.blog_nav:hover {
	text-decoration:none;
	background:#000;
}
div.entry_footer a.comments_image img, div.entry_description a.comments_image img {
	margin:0 0 -4px 2px;
}
div.blog h3#comments,div.blog h3#post_comment {
	display:block;
	height:0px;
	overflow:hidden;
	padding-top:16px;
	margin:20px 0 6px 0;
}
div.blog h3#comments {
	padding-top:26px;
	background:url(../img/comments_heading.png) no-repeat 0px 10px;
	margin-top:0;
}
div.blog p#no_comments {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
}
div.blog dl.comment {font-family:Arial, Helvetica, sans-serif;}
div.blog dl.comment dd {
	padding:12px 12px 29px 12px;
	border-top:1px solid #ddd;
	font-size:13px;
	margin-top:16px;
	margin-bottom:4px;
}
div.blog dl.comment.reader dd {
	background:url(../img/comment_bg.png) bottom repeat-x #f0f0f0;
}
div.blog dl.comment.author dd {
	background:url(../img/author_comment_bg.png) bottom repeat-x #e2ebf3;
}
div.blog dl.comment dt {
	font-size:11px;
	color:#999999;
	margin-bottom:28px;
}
div.blog dl a {
	text-decoration:none;
	border-bottom:1px solid #ddd;
	color:#666;
}
div.blog dl a:hover {border-bottom-color:#666;}
div.blog h3#post_comment {
	margin-top:34px;
	margin-bottom:8px;
	background:url(../img/post_a_comment_heading.png) no-repeat;
}
div.blog fieldset {border:none;}
div.blog form {
	border-top:4px solid #ddd;
	background:#f0f0f0;
}
div.blog form {
	padding:8px 10px;
}
div.blog table#comment_form_table {
	width:100%;
}
div.blog form input {
	border:1px solid #ccc;
	border-right-color:#aaa;
	border-left-color:#aaa;
	border-top:2px solid #aaa;
	height:20px;
	font-size:16px;
	width:260px;
	padding:4px;
}
div.blog form textarea{
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	border-right-color:#aaa;
	border-left-color:#aaa;
	border-top:2px solid #aaa;
	height:200px;
	font-size:16px;
	width:384px;
	padding:4px;
}
div.blog form label {
	display:block;
	text-align:right;
}
div.blog form table {
	width:100%;
	font-size:17px;
	color:#777;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
div.blog form table td {
	padding:4px 0;
	vertical-align:top;
}
div.blog form table td.form_title {
	width:70px;
	padding:9px 8px 0 0;
}
div.blog input#submit {
	width:110px;
	height:30px;
	border:none;
	padding:0 2px 0 0;
	float:right;
}
div.blog p.optional {
	padding:8px 28px 0 0;
}
div.blog p.success {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	margin-bottom:4px;
}



/***** Blog post sidebar widget *****/
a.rss-link {
	display:block;
	border-top:4px solid #666;
	border-bottom:1px solid #ddd;
	padding:4px;
	margin-bottom:14px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
a.rss-link:hover {
	background-color:#f0f0f0;
}
a.rss-link span {
	float:right;
	width:14px;
	background:url(../img/rss.png) no-repeat 100% 50%;
}
h3.article_sidebar {
	font-size:16px;
	color:#6699CC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	border-top-style:solid;
	border-top-width:4px;
	border-bottom:1px solid #ddd;
	padding:2px 0 4px 0;
	letter-spacing:-0.5px;
	margin:0;
}
h3.recent_posts {
	color:#777;
	border-top-color:#ddd;
}
ul.article_sidebar {
	font-family:Tahoma,"Lucida Grande",Verdana,sans-serif;
	font-size:12px;
	list-style:none;
	margin-bottom:14px;
}
ul.article_sidebar li {
	display:block;
	border-bottom:1px solid #ddd; /* Margin must be on li, not anchor, fixes strange margin-bottom bug in IE6 */
}
ul.article_sidebar a {
	display:block;
	padding:6px 4px 8px 24px;
	color:#333;
	text-decoration:none;
	margin:0;
}
ul.article_sidebar a span {
	float:right;
	font-weight:bold;
	background:url(../img/comments.gif) no-repeat right top;
	padding:0 20px 0 4px;
}
ul.article_sidebar.must_reads a {
	background:url(../img/must_read_bullet.gif) no-repeat 5px 7px;
}
ul.article_sidebar.recent_posts a {
	background:url(../img/recent_posts_bullet.gif) no-repeat 5px 8px;
}
ul.article_sidebar.must_reads a span {color:#69c;}
ul.article_sidebar.recent_posts a span {color:#999;}
ul.article_sidebar.must_reads a:hover {background-color:#E8F0F7;}
ul.article_sidebar.recent_posts a:hover {background-color:#f0f0f0;}


/***** Work Page *****/

div.work div#graphic_content {

}
div.work div#work_message {
	background:url(../img/work_message.png) no-repeat;
	height:28px;
	padding:74px 6px 0 14px;
	color:#777;
	border-right:4px #F1EEF0 solid;
}
div.work div#work_message div#you-could-be-next{
	background:url(../img/you-could-be-next.png) no-repeat;
	width:90px;
	padding-right:40px;
	height:93px;
	float:right;
	margin-top:-16px;
}
div.work h2 {
	padding-top:15px;
	margin-bottom:15px;
}
div.work h2 a {
	height:0;
	display:block;
	overflow:hidden;
	padding-top:40px;
}
div.work h2#awesometransfer a {background:url(../img/work/01-awesometransfer.png) no-repeat;}
div.work h2#chartwidget a {background:url(../img/work/02-chartwidget.png) no-repeat;}
div.work h2#redhenspectra a {background:url(../img/work/03-redhenspectra.png) no-repeat;}
div.work h2#stolenradio a {background:url(../img/work/04-stolenradio.png) no-repeat;}
div.work p.work_image {
	background:url(../img/work_bg.png) repeat-y;
	width:875px; /* 756px */
	margin-left:-60px;
	height:199px;
}
div.work p.work_image img {margin:14px 0 0 88px;}
div.work div.work_role {
	background:url(../img/our_role.png) no-repeat;
	margin:14px 0 28px 0;
	border-bottom:1px dotted #bbb;
	padding:0 40px 16px 88px;
}
div.work div.work_role p {
	line-height:20px;
}


/***** Contact Page *****/

div#contact_message {
	background:url(../img/contact_message.png) no-repeat;
	height:28px;
	padding:74px 6px 0 14px;
	color:#777;
	border-right:4px #F1EEF0 solid;
}
div#contact_message div#design-4-humans {margin-top:-16px;}
div.contact div#column-1{
	float:left;
	width:520px;
	margin-right:-236px;
}
div.contact div#column-2{
	float:right;
	width:222px;
	margin-left:14px;
	clear:right;
}
div#contact_form h2 {
	background:url(../img/contact_us.png) no-repeat;
	padding-top:16px;
	height:0px;
	overflow:hidden;
	margin:10px 0 8px 0;
}
div#contact_form form {
	padding:8px 10px;
	background:#f0f0f0;
	border-top:4px solid #ddd;
}
div#contact_form form label {
	display:block;
	text-align:right;
}
div#contact_form form table {
	width:100%;
	font-size:17px;
	color:#777;
}
div#contact_form form table td {
	padding:4px 0;
	vertical-align:top;
}
div#contact_form form table td.form_title {
	width:70px;
	padding:9px 8px 0 0;
}
div#contact_form form input {
	border:1px solid #ccc;
	border-right-color:#aaa;
	border-left-color:#aaa;
	border-top:2px solid #aaa;
	height:20px;
	font-size:16px;
	width:260px;
	padding:4px;
}
div#contact_form form input#subject {width:404px;}
div#contact_form form textarea{
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	border-right-color:#aaa;
	border-left-color:#aaa;
	border-top:2px solid #aaa;
	height:200px;
	font-size:16px;
	width:404px;
	padding:4px;
}
div#contact_form input#contact_us {
	width:100px;
	height:30px;
	border:none;
	padding:0 2px 0 0;
	float:right;
}
div.contact p.optional {
	padding:8px 46px 0 0;
}
div#contact_info {
	color:#999;
	font-size:14px;
}
div#contact_info h2 {
	background:url(../img/ways_to_reach_us.png) no-repeat;
	padding-top:19px;
	height:0px;
	overflow:hidden;
	margin:18px 0 6px 0;
}
div#contact_info table {border-collapse:collapse;}
div#contact_info address {
	font-style:normal;
	margin-top:12px;
	padding-top:30px;
	border-top:4px solid #ddd;
	background:url(../img/address_header.png) no-repeat 0px 12px;
}
div.contact div#footer {margin-top:28px;}


/* Utility Stuff */

div.clear_div {
	clear:both;
	height:0px;
	overflow:hidden;
}