/*
Theme Name: Simplenin
Theme URI: http://vnin.net
Description: A Wordpress portfolio theme.
Version: 1.0
Author: Joni Marttinen
Author URI: http://www.vnin.net
*/

/* 
	CSS Reset from Eric Meyer - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}

/* CSS Reset ends */
body {
	font-family: Arial, "Lucida Grande", Verdana, sans-serif;
	background-color: #fff;
        text-align: center;
	margin: 0;
	font-size: 1em;
}

#wrapper { 
	margin: 0px auto;
	text-align: left;
	width: 950px;
}

a {color: #0073d5; text-decoration: none; }
.link {color: #0073d5; text-decoration: none; padding: 4px 6px; background: #cbe1ff; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height: 2.4em;}
a:hover { color: #0066ff; text-decoration: underline; }


#leftColumn {
	position: absolute;
	margin: 0 0 0 700px;
	text-align: left;
	padding-top: 116px;
	width: 250px;
} 

#leftColumn h3 {width: 141px; height: 24px; background-image: url(images/get_inspired.gif); background-repeat: no-repeat;
margin: 0 0 28px 50px;}
#leftColumn h3 span {display: none;}
#leftColumn .info a {padding: 4px 6px; background: #cbe1ff; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#leftColumn .info a {line-height: 2.4em;}
#leftColumn .info  {margin: 23px 0 0 0; font-size: 0.8em; line-height: 1.3em; color: #4a4a4a;}	

#leftColumn ul {border-left: 1px solid #d0d0d0; padding: 0 0 0 52px; line-height: 2em;}
#leftColumn li {padding-left: 35px; background-repeat: no-repeat; background-position: 0px 5px;}
#leftColumn li a {font-size: 0.7em;}
#leftColumn .tumblr {background-image: url(images/tumblr.gif);}
#leftColumn .flickr {background-image: url(images/flickr.gif);}
#leftColumn .twitter {background-image: url(images/twitter.gif);}
#leftColumn .delicious {background-image: url(images/delicious.gif);}
#leftColumn .vimeo {background-image: url(images/vimeo.gif);}
#leftColumn .lastfm {background-image: url(images/lastfm.gif);}
#leftColumn .behance {background-image: url(images/behance.gif);}
#leftColumn .rss {background-image: url(images/rss.gif);}


#rightColumn { 
	text-align: left;
	position: absolute;
	margin: 0;
	width: 700px;
	height: 100%;
	color: #6e6e6e;
	padding: 40px 0 0 0px;
	min-height: 100%;

}

#rightColumn .thumb {text-align: center; float: left; margin: 20px 40px 0 0; width: 305px;}
#rightColumn .thumb p {margin-top: 12px; font-size: 0.8em; line-height: 1.3em;}
#rightColumn .thumb span {font-size: 0.9em; color: #b5b5b5; line-height: 1.4em; }
#rightColumn .thumb span a {color: #7db8ea; }

#rightColumn h1 {width: 138px; height: 58px; background-image: url(images/vnin_logo.gif); background-repeat: no-repeat; margin-left: -3px; margin-bottom: 15px;}
#rightColumn .entry {text-align: left; margin-bottom: 20px; width: 600px;}
#rightColumn .homelink {padding: 4px 6px; background: #cbe1ff; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 0.8em;}
#rightColumn h2 { font-weight: 100; font-size: 1.3em; color: #767676; margin-top: 19px; margin-bottom: 10px;} 
#rightColumn .intro {border: 0; height: 14px; width: 457px; background-image: url(images/vnin_intro.gif); margin-bottom: 17px;}
#rightColumn h2 span,
#rightColumn .recently span,
#rightColumn h1 span {display: none;}
#rightColumn .entry p {text-align: center; margin-top: 26px; font-size: 0.8em; line-height: 1.3em; margin-bottom: 40px;}
#rightColumn .entry img {margin-bottom: 10px;}
#rightColumn .entry .addtoany_list {background: none;}
#rightColumn .entry .pagecontent p {margin-bottom: 10px; width: 300px; text-align: left;}

#rightColumn .recently {position: absolute; width: 120px; height: 25px; background: url(images/vnin_recently.gif); background-repeat; no-repeat;
margin-left: 410px; margin-top: 3px;}

#rightColumn .lifestream_wrapper { position: absolute; margin: 52px 0 0 358px; background:#fff; border-left: 1px solid #d0d0d0; padding-left: 52px; width: 240px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding-top: 12px;}

#rightColumn .lifestream_text {padding: 0 0 12px 0;}

#rightColumn .lifestream td,
#rightColumn .lifestream-paging,
#rightColumn .lifestream_credits {font-size: 0.7em;}

#rightColumn .lifestream_meta {color: #aca8a8;}

#rightColumn .lifestream-paging,
#rightColumn .lifestream_credits {margin-top: 14px;}

#rightColumn .lifestream .lifestream_date,
#rightColumn .lifestream .lifestream_icon {display: none;}


/*------------- COMMENTS -------------*/

#comments , #commentform{
	width:500px;
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
font-size: 0.9em;
}

#commentform { text-align: left;}
#commentform h3 {	
        font-size: 2em;
	color: #000;	
	margin: 10px 0 10px 0;
}

#comments h3 {
	font-size: 2em;
	color: #000;	
	margin: 30px 0 10px 0;
}

div.avatar {
	width: 50px;
	float: left;
}

div.comment {
	width: 450px;
	float: left;
	margin-bottom: 40px;
}
.comment span{
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}

ul.commentlist {
	padding: 0;
	margin: 0;
	float: left;
	
}

.commentlist li {
	padding: 10px 0 0;
	list-style: none;
}

form textarea {
	margin: 5px 0 0 0;
	width: 450px;
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
}

form input {
	margin: 7px 7px 0 0;
        padding: 4px;
	padding-left: 5px;
}

#submit {margin-bottom: 50px;}