/*  
Theme Name: Input by Naero
Theme URI: 
Description: 
Version: 1.0
Author: Anders Tangen
Author URI: Naero.net
Tags: 
*/

@import url(reset.css);

<!--


/* LAYOUT */

div#wrapper 		{width: 939px; position: relative; margin: 0 auto;}
div#container 		{width: 899px; position: relative; margin-top: 80px; margin-bottom: 30px;}
div#left 			{width: 630px; position: absolute; left: 0px;}
div#right 			{width: 241px; position: absolute; right: 0px;}

div#transparent 	{background: url(img/white.png) repeat; padding: 15px;}
div#tags 			{background: url(img/white.png) repeat; padding: 15px; font-size: 12px; line-height: 14px; margin-bottom: 10px;}
div#portfolio 		{background: url(img/white.png) repeat; padding: 15px; margin-bottom: 20px;}

div#folio			{background: url(img/white.png) repeat; height: 60px; text-transform: uppercase; margin-bottom: 20px;}
div#folio img 		{float: left; margin-top: 15px; margin-left: 15px;}

div#icon 			{height: 28px; width: 28px;  background: url(img/icon.png) no-repeat left; float: left; left: 15px; top: 16px; position: relative;}
p#portext 			{float:right; width: 120px; padding-right: 65px; padding-top: 17px;}

div#intro 			{height: 27px; text-transform: uppercase; margin-bottom: 0px;}
div#input 			{height: 27px; width: 96px;  background: url(img/input.png) no-repeat left; float: left; margin-top: -3px; margin-left: 0px;}
p#introtext 		{width: 130px; margin-left: 110px; color: #cffef6; font-size: 9px; font-stretch: extra-expanded; text-transform: uppercase; margin-top: 0px; line-height: 10px;}

p#footer			{font-size: 9px; color: #666; margin-bottom: 15px;}
p#footer a			{color: #fff;}
p#footer a:hover 	{color: #000; background-color: #fff;}


/* INTERFACE */

* {
  margin: 0;
  padding: 0;
}

body {
	background: url(img/back.png) top center no-repeat;
	background-position-x: ;
	background-position-y: top;
	
	background-color: #000;
	font-family: Georgia;
	color: #fff;
	font-size: 10px;
	margin-top: 0px;
	line-height: 12px;
}

ul 	{list-style-type: none;}
img	{border: none;}




/* HYPERLINKS */

a								{border: none;}

a:link							{color: #fff; text-decoration: none; border: none;}
a:active						{color: #fff;}
a:hover 						{color: #fff;}
a:visited 						{color: #fff; text-decoration: none;}

span.left a						{color: #cffef6; text-decoration: none;}
span.left a:hover				{color: #000; background-color: #cffef6;}
span.left a:active				{color: #cffef6; background-color: #cffef6;}

ul.links a		 				{color: #fff; text-decoration: none;}
ul.links a:hover	 			{color: #000; background-color: #fff;}
ul.links a:active		 		{color: #fff; background-color: #fff;}

div#tags:hover					{background-image: url(img/dark.png); text-decoration: none;}
div#tags:hover a				{color: #888d92; text-decoration: none;}
div#tags:hover a:hover			{color: #fff; text-decoration: underline;}
div#tags:hover a:active			{color: #000; background-color: #fff;}

div#folio:hover					{background-image: url(img/dark.png);}
div#folio:active				{background-image: url(img/realwhite.png);}
div#folio:hover a:link			{color: #fff;}
div#folio:hover a:hover			{color: #fff;}


/* CATEGORIES */

ul#nav							{width: 241px; height: 27px; margin-bottom: 0px;}
ul#nav li						{display: inline;}
ul#nav li a.active				{background-position: 0 -27px; background-repeat: no-repeat;}
ul#nav li a.active:hover		{background-position: 0 0px; background-repeat: no-repeat;}

a#visual 						{width: 59px; height: 27px; background-image: url(img/visual.png); float: left;}
a#visual:hover					{background-image: url(img/visual_hover.png);}

a#photography					{width: 103px; height: 27px; background-image: url(img/photography.png); float: left; margin-left: 1px;}
a#photography:hover				{background-image: url(img/photography_hover.png);}

a#personal						{width: 77px; height: 27px; background-image: url(img/personal.png); float: left; margin-left: 1px;}
a#personal:hover				{background-image: url(img/personal_hover.png);}


/* STYLE */

span.on 						{margin-right: 5px;}
span.off 						{margin-left: 5px;}

span.left						{font-size: 12px; line-height: 14px;}

ul.links 						{margin-bottom: 20px; margin-top: 20px; text-transform: uppercase; line-height: 12px;}
ul.tags li						{text-transform: uppercase; display: block;}

h3.linksheading					{color: #cffef6; font-weight: bold; text-transform: uppercase;}

span.time						{color: #ccc; text-transform: uppercase;}


/* BLOG */

div.post						{margin-bottom: 60px;}

div.post-content 				{font-size: 12px; line-height: 15px; margin-top: 15px; margin-bottom: 15px;}
div.post-content a				{color: #000; background-color: #cffef6;}
div.post-content a:hover		{color: #000; background-color: #4affe0;}
div.post-content a.img			{background-color: #000;}

h2.post-heading					{font-size: 10px; text-transform: uppercase; display: inline; color: #000; background-color: #fff; height: 27px; width: 500px; padding: 5px;}
h2.post-heading:hover			{color: #fff; background-color: #fb5353; text-decoration: underline;}

span.time						{color: #fff; background: url(img/white.png) repeat; padding: 5px; font-style: italic; text-transform: none;}

p.bottomline					{font-size: 10px;}
p.bottomline a					{color: #fff; background: none;}
p.bottomline a:hover			{background-color: #fff; color: #000;}

div.navigation					{padding-bottom: 47px;}
div#older						{width: 55px; height: 27px; background-image: url(img/older.png); position: relative; float: right; display: inline;}
div#newer						{width: 57px; height: 27px; background-image: url(img/newer.png); position: relative; float: left;}


/* MISC */

hr.half {color: #fff; height: 1px; border: 0; background-color: #fff; opacity: .5; filter: alpha(opacity=50); margin-top: 20px; margin-bottom: 20px;}
hr.quarter {color: #fff; height: 1px; border: 0; background-color: #fff; opacity: .25; filter: alpha(opacity=25);}
hr.footer {color: #fff; height: 1px; border: 0; background-color: #fff; opacity: .15; filter: alpha(opacity=15); margin-bottom: 15px;}


/* COMMENTS */

h3#comments {
	margin-top: 30px;
	color: #000;
	background-color: #cffef6;
	padding-left: 15px;
}
h3#respond {
	margin-bottom: 15px;
	font-size: 14px;
}
comments-template{
    margin: 10px 0 0;
    padding: 10px 0 0;
}
.comments-template ol{
    margin: 0;
    padding: 0 0 15px;
    list-style: none;
}
.comments-template ol li{
    margin: 10px 0 0;
    line-height: 18px;
    padding: 0 0 10px;
}
.comments-template h2, .comments-template h3{
    font-family: Georgia, Sans-serif;
    color: #cffef6;
    font-size: 10px;
}
.commentmetadata{
    font-size: 10px; 
}
p.commentbreak {
	margin-top: 15px;
	font-size: 10px;
}
.comments-template p.nocomments{
    padding: 0;
}
.comments-template textarea{
    font-family: Georgia, Sans-serif;
    font-size: 10px;
}
.commentbackground {
    background: url(img/white.png) repeat;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.highlighted {
    background: #fff;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #000;
}
.commentbackground a		{color: #cffef6;}
.commentbackground a:hover 	{background: #cffef6; color: #000;}
.highlighted a				{color: #000;}
.highlighted a:hover		{background-color: #000; color: #fff;}

-->