/*
Theme Name: Nicomputer 1.0
Theme URI: http://wordpress.org/
Description: The original Nicomputer's theme of I am (not?) a Robot blog.
Author: Nicolas Rose
Author URI: http://blog.nicomputer.com/
*/


/* ---[ Reset ]-------------------------------------------------- */
* 			{margin: 0; padding: 0;}
body 		{background: #fff url(skin/bg-hd.png) repeat-x 0 75px; font: 11px "Lucida Grande", Verdana, sans-serif;}
a			{color: #1C2882}
a:hover		{color: #b82349;}
hr 			{display: none;}
form, img	{border: 0; vertical-align: top;}

/* ---[ Clearfix <http://positioniseverything.net/easyclearing.html> ]-------------------------------------------------- */
.clearfix:after 	{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix 		{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix 	{height: 1%;}
.clearfix 		{display: block;}
/* End hide from IE-mac */

/* ---[ Common ]-------------------------------------------------- */
.wcag	{position: absolute; left: -9999em; top: 0;}
#wc		{position: relative; width: 960px; margin: 0 auto; padding-top: 306px;}

/* ---[ Header ]-------------------------------------------------- */
#hd				{position: absolute; top:0; left: 0; height: 75px; width:100%; background: url(skin/logo.png) no-repeat;}
#hd h2			{margin: 40px 0 0 150px; padding: 0 0 0 11px; font-size: 20px; font-weight: lighter; color: #848b9b;}
#hd ul			{position:absolute; top: 39px; right: 74px; list-style: none;}
#hd li			{display: inline; margin: 0; padding: 0 21px;}
#hd li a			{font-size: 12px; color: #4FC216; text-decoration: none;}
#hd li a:hover, #hd li a:active, #hd li .current_page_item a{color: #7e8083; text-decoration: none;}

/* ---[ Splash ]-------------------------------------------------- */
#splash 		{position: absolute; top:75px; left: 0; width:100%; height: 231px;}
#splash h2 	{padding: 0 0 5px 0; font-size: 14px; font-weight: bold; color: #fff;border-bottom: 2px solid #7c4612;}

#rp, #rc , #extra	{position: absolute; padding:0 15px; top: 15px; left: 0; width: 240px;}
#rc			{left: 340px;}

#rp ul, #rc ul				{margin: 10px 0 0 0; padding: 0; list-style: none;}
#rp a, #rc a				{display: block; width: 231px; font-size: 11px; color: gold; text-decoration: none; padding: 8px 0 2px; font-weight: bold;}
#rp a:hover, #rc a:hover	{text-decoration: none; color: #fff;}
#rp a span, #rc a span		{font-size: 10px; color: #fff;}

#extra			{left: 680px; width: 240px; padding: 0;}
#extra ul {list-style: none;}
#extra li {margin: 6px 0 0 6px; padding: 0 0 6px 23px; font-size: 11px; height: 16px; line-height: 16px;}
#extra li a{text-decoration: none; color: #fff;}

.rss-p{background: url(skin/icon-rss-feed.png) no-repeat 0% 0%;}
.rss-c{background: url(skin/icon-rss-comments.png) no-repeat 0% 0%;}
.login{background: url(skin/icon-login.png) no-repeat 0% 0%;}


#search			{margin: 18px 0 24px; background: url(skin/bg-search.png) no-repeat; width: 260px; height: 34px;}
#search #s-text 	{float: left;}
#s {
  margin: 8px 0 0 0;
  padding: 0 0 0 8px;
  font: 12px "Lucida Grande", Verdana, sans-serif;
  width: 160px;
  border: 0;
  color: #acacac;
}
#search #s-submit {
  margin: 5px 0 0 0;
  padding: 0;
  float: left;
}
#searchsubmit {
  margin: 0;
  padding: 0;
  background: url(skin/search_submit.png) no-repeat 0% 0%;
  width: 27px;
  height: 22px;
  border: 0;
}
#search label {display: none;}







/* -meta */



/* content
==========================================================================*/

#content {margin: 0; padding: 0 0 35px 0; clear: both;}
#content-wrap{margin: 0 auto; padding: 0; width: 960px;}

/* post area */

#posts { margin: 45px 0 0 0; padding: 0 15px; float: left; width: 650px;}

.caption {
  margin: 0;
  padding: 0 0 25px 0;
  font: 18px "Lucida Grande", Verdana, sans-serif;
  color: #ff3000;
}

/* - post - */

.post {
  margin: 0;
  padding: 0 0 35px 0;
}
.post h1, .post h2, #comments h2, #post-comments h2 {margin: 0; padding: 0; font-size: 18px; font-weight: lighter; color: #7C4612; letter-spacing: -0.02em}
.post h1 {font-size: 20px;}
.post h1 a, .post h2 a {color: #7C4612; text-decoration: none; border: none;}

.date {
  margin: 4px 0 0 1px;
  padding: 0 0 0 20px;
  background: url(skin/date.png) no-repeat 0% 50%;
  font: 10px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #67707A;
}
.entry {
  margin: 0;
  padding: 20px 0 0 0;
  font-size: 12px;
  line-height: 1.8em;
  color: #3E4655;
}
.entry p {
  margin: 10px 0;
}
.entry blockquote {
  margin: 22px 0 22px 22px;
  padding: 4px 0 4px 10px;
  border-left: 4px solid #b82349;
}
.entry ul, .entry ol {
  margin: 10px 0 10px 50px;
}

img.floatleft {
  margin: 0 10px 10px 0;
  float: left;
}
.postmetadata {
  margin: 8px 0 0 0;
  padding: 0;
  font: 10px "Lucida Grande", Verdana, sans-serif;
  color: #565656;
  clear: both;
}
.tags {
  margin: 0;
  padding: 2px 0 2px 22px;
  background: url(skin/tag.png) no-repeat 0% 0%;
  line-height: 16px;
}
.comments-no {
  margin: 0;
  padding: 2px 0 2px 22px;
  background: url(skin/comments.png) no-repeat 0% 50%;
  line-height: 16px;
}
.postmetadata a {
  padding: 0;
  color: #1C2882;
  text-decoration: none;
}
.postmetadata a:hover {
  text-decoration: none;
  color: #b82349;
}

/* - comments - */

#comments {
  margin: 20px 0 0 0;
  padding: 0;
}
.add-comment{
  margin: 4px 0 0 0;
  padding: 0;
}
.add-comment a {
  padding: 2px 0 2px 20px;
  background: url(skin/add.png) no-repeat 0% 50%;
  font: 10px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #67707A;
  text-decoration: none;
  border: none;
}
.add-comment a:hover {
  color: #ff4e6a;
  text-decoration: none;
}
#comments ol {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  color: #888888;
}
#comments ol li {
  margin: 0;
  padding: 0;
  clear: both;
}
.author {
  margin: 0;
  padding: 18px 0 6px 0;
  float: left;
  width: 170px;
  font: 10px/2.5em "Lucida Grande", Verdana, sans-serif;
  color: #bbbbbb;
}
.author a {
  font: 11px "Lucida Grande", Verdana, sans-serif;
  color: #b82349;
}

.comment {
  margin: 0;
  padding: 20px 0 6px 0;
  float: right;
  width: 320px;
}
.comment span, .no-find {
  margin: 0;
  padding: 2px;
  background: #F4F29D;
  color: #862D2D;
  font-style: italic;
  font-size: 12px;
}

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

/* - comments form - */

#post-comments {
  margin: 0;
  padding: 40px 0 0 0;
  clear: both;
  color: #888888;
}
#reply {
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 11px;
}
.comment-field {
  margin: 0;
  padding: 0 0 12px 0;
}
.comment-field textarea {
  padding: 2px;
  font: 11px "Lucida Grande", Verdana, sans-serif;
  width: 302px;
  border: 1px solid #BCBCCB;
  color: #565656;
}
.comment-field label {
  float: left;
  width: 170px;
}
.input-text {
  padding: 2px;
  font: 11px "Lucida Grande", Verdana, sans-serif;
  width: 302px;
  border: 1px solid #BCBCCB;
  color: #565656;
}
.input-button {
  margin: 0 0 0 171px;
  padding: 0 5px;
  color: #565656;
}

/* sidebar
==========================================================================*/
#sidebar		{margin: 4px 40px 0 0; padding: 45px 0 0 0; background: url(skin/sidebar_bkg.jpg) no-repeat 0% 0%; float: right; width: 240px;}
#sidebar h2 		{margin: 0; padding: 0 0 0 19px; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.03em; color: #b82349;}
#sidebar ul 		{margin: 0; padding: 0; list-style: none; font-size: 11px; line-height: 12px;}
#sidebar ul li 		{margin: 0; padding: 0;}
#sidebar ul li ul 	{margin: 0; padding: 15px 0 12px 0;}
#sidebar ul li ul li 	{margin: 0; padding: 0;}
#sidebar a 		{color: #34445F; text-decoration: none; padding: 0 0 0 36px; background: url(skin/bullet.png) no-repeat 23px 50%; border: none; line-height: 22px;}
#sidebar a:hover {color: #ff4e6a; text-decoration: none;}


#footer			{display: none; margin: 0; padding: 0 0 30px 0;}
#footer-wrap	{margin: 0 auto; padding: 0; width: 960px;}
#copyright		{margin: 0; padding: 0 0 0 14px; color: #777;}