/*
Theme Name: Portfolio
Description: My Portfolio Theme
Version: 1.0
Author: Andrzej Kała
Author URI: http://andrzejkala.com
*/

	body {
		font: normal 100% Georgia, "Lucida Sans Unicode", Helvetica, Verdana, Arial, sans-serif;
		padding-bottom: 20px;
	}

	/*PAGE WRAPPER*/
	#wrapper { 
		width: 970px;
		margin: 0 auto;
	}
	
	/*PAGE HEADER*/
	#header:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}
	
	#header {
		padding: 10px 0;
	}
	
	/*PAGE TITLE*/
	#header h1 { 
		float:left;
		font-size: 3em;
		padding: 5px;
		font-weight: normal;
	}
	
	#header h1 a {
		text-decoration: none;
		font-style: italic;
		color: #000;
	}
	
	/*HEADER ADDON*/
	#header .about {
		background: transparent url( '../images/heading-about-bg.gif' ) no-repeat left top;
		padding: 4px 0 0 55px;
		float:left;
		
	}
	
	#header .about ul, #header .about li { list-style: none; }
	#header .about li {
		line-height: 1.4em;
		font-size: 0.9em;
	}
	
	#header .about li strong { font-size: 1.2em; }

	/*MAIN NAVIGATION*/
	.main-navigation { 
		background: #000;
	}
	
	.main-navigation:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}
	
	.main-navigation li {
		float: left;
		padding: 4px 10px;
	}
	
	.main-navigation li a {
		color: #fff;
		font-style: italic;
	}
	
	.main-navigation li a:hover {
		text-decoration: underline;
	}
	
	/*MAIN CONTENT CONTAINER*/
	#main-content:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}
	
	#main-content {
		padding: 10px 0;
	}
	
	
	/*MAIN CONTENT - LEFT COLUMN*/
	#main-column {
		width: 620px;
		margin-right: 20px;
		padding: 0 0 0 10px;
		float: left;
	}
	
	#main-column .archive-title {
		border-bottom: 2px solid #000;
		font-size: 1.8em;
		margin-bottom: 20px;
	}
	
	/*MAIN CONTENT - LEFT COLUMN - SINGLE POST*/
	#main-column .post {
		padding-bottom: 30px;
	}
	
	#main-column .post .date {
		color: #666;
		font-size: 0.75em;
		padding: 0 0 5px 0;
	}
	
	#main-column .post .date a { color: #000; }
	#main-column .post .date a:hover { text-decoration: underline; }
	
	#main-column .post .title {
		font-size: 2em;
		padding: 5px 0;
	}
	
	#main-column .post .title a { color: #333; }
	#main-column .post .title a:hover { text-decoration: underline; }
	
	#main-column .post .entry {}
	
	#main-column .post .entry .rating {
		float: right;
		display: block;
		padding: 5px 20px 10px 20px;
		font-size: 2em;
		line-height: 1em;
		margin: 15px 5px 5px 10px;
		background: #eee;
		border: 1px solid #ccc;
		text-align: center;
	}
	
	#main-column .post .entry h3 {
		border: none;
		text-align: left;
	}
	
	#main-column .post .entry p {
		font-size: 0.9em;
		line-height: 1.7em;
		padding: 10px 0;
	}
	
	#main-column .post .entry .alignright {
		float: right;
		margin: 5px 0 5px 5px;
	}
	#main-column .post .entry .alignleft {
		float: left;
		margin: 5px 5px 5px 0;
	}
	
	#main-column .post .entry .wp-caption {
		width: auto !important;
		border: 1px solid #ccc;
		background: #eee;
		padding: 5px;
	}
	
	#main-column .post .entry .wp-caption p {
		font-size: 0.7em;
		padding: 5px 0 0 0;
	}
	
	#main-column .post .entry a {
		color: #000;
		font-weight: bold;
		text-decoration: underline;
	}
	
	#main-column .post .entry a:hover {
		text-decoration: none;
	}
	
	#main-column .post .entry ul {
		padding: 15px 5px 15px 20px;
		list-style: square;
	}
	
	#main-column .post .entry ul li {
		padding: 8px 0;
		font-size: 0.9em;
	}
	
	/* PORTFOLIO SPECIAL CSS */
	#main-column .post .entry .portfolio-entry {
		margin-bottom: 15px;
		width: 618px;
		overflow: hidden;
	}
	
	#main-column .post .entry .portfolio-entry .portfolio-image { 
		position: relative; 
		border-top: 3px solid #000;
		width: 618px;
		overflow: hidden;
	}
	
	
	#main-column .post .entry .portfolio-entry .portfolio-image p { 
		position: absolute;
		display: block;
		background: #000;
		color: #fff;
		bottom: 0;
		left: 0;
		padding: 4px 10px;
		width: 598px;
	}
	
	/*ADDITIONAL POST INFO*/
	#main-column .post .additional-info {
		padding: 5px 0;
		font-size: 0.8em;	
	}
	
	#main-column .post .additional-info:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}

	#main-column .post .additional-info a {
		font-weight: bold;
		color: #000;
		text-decoration: underline;
	}
	
	#main-column .post .additional-info a:hover {
		text-decoration: none;
	}
	
	#main-column .post .additional-info .comments {
		float: left;
		display:block;
		background: transparent url( '../images/icons/comment-bubble.gif' ) no-repeat left top;
		padding: 0 0 0 20px;
	}
	
	#main-column .post .additional-info .read-more {
		float: right;
		display: block;
		padding-right: 5px;
	}
	
	/*MAIN COLUMN - MAIN PAGE - SHORT ARCHIVES*/
	#main-column h3 #feedburner {
		float: left;
		display: block;
		height: 20px;
		overflow: hidden;
	}
	
	#main-column #archives {}
	
	#main-column #archives caption, #main-column #archives thead {
		display: none;
	}
	
	#main-column #archives td {
		vertical-align: middle;
		border-bottom: 1px dashed #000;
		padding: 8px 0;
		font-size: 0.75em;	
	}
	
	#main-column #archives td a {
		color: #000;
		text-decoration: underline;
	}
	
	#main-column #archives td a:hover {
		text-decoration: none;
	}
	
	#main-column #archives .archives-date {
		background: transparent url( '../images/icons/calendar.gif' ) no-repeat left center;
		width: 90px;
		padding-left: 20px;
		color: #666;
	}
	
	#main-column #archives .archives-title {
		background: transparent url( '../images/icons/blank-page.gif' ) no-repeat left center;
		padding-left: 20px;
		width: 360px;
	}
	
	#main-column #archives .archives-comments {
		background: transparent url( '../images/icons/comment-bubble.gif' ) no-repeat left center;
		width: 110px;
		padding-left: 20px;
	}
	
	/*COMMENTS*/
	/*FORM*/
	#main-column #comment-form {
		background: transparent url( '../images/add-comment.png' ) no-repeat left 10px;
		padding: 20px 0 20px 50px;
	}
	
	#main-column #comment-form ul li {
		padding: 5px 0;
	}
	
	#main-column #comment-form ul li:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}
	
	#main-column #comment-form ul li label, #main-column #comment-form ul li span {
		padding: 0 5px;
		font-style: italic;
		font-size: 0.8em;
	}
	
	#main-column #comment-form ul li strong {
		font-size: 0.8em;
	}
	
	#main-column #comment-form ul li input, #main-column #comment-form ul li textarea {
		border: 1px solid #333;
		padding: 3px;
		font-family: Georgia, "Lucida Sans Unicode", Helvetica, Verdana, Arial, sans-serif;
	}
	
	#main-column #comment-form ul li input {
		width: 200px;
	} 
	
	#main-column #comment-form ul li textarea {
		width: 570px;
	}
	
	#main-column #comment-form ul li input.submit {
		width: 110px;
		font-size: 0.7em;
		background: #eee;
		float: right;
	}
	
	/*COMMENTS*/
	/*LIST*/
	#main-column .comments {
		padding: 20px 0;
	}
	
	#main-column .comments li {
		background: #fff;
		padding: 10px 0;
		color: #333;
	}
	
	#main-column .comments .odd {
		background: #eee;
	}
	
	#main-column .comments li:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}
	
	#main-column .comments li .comment-number {
		width: 26px;
		height: 50px;
		float: left;
		font-size: 3em;
		font-style: italic;
		color: #ddd;
		padding: 0 0 0 15px;
		margin-top: -15px;
	}
	
	#main-column .comments li .comment-content {
		margin-left: 53px;
	}
	
	#main-column .comments li .comment-content .nick {
		color: #000;
		font-size: 0.9em;
		font-weight: bold;
	}
	
	#main-column .comments li .comment-content .nick a {
		color: #ae0000;
	}
	
	#main-column .comments li .comment-content .nick a:hover {
		text-decoration: underline;
	}
	
	#main-column .comments li .comment-content .date {
		color: #666;
		font-size: 0.7em;
	}
	
	#main-column .comments li .comment-content .message {
		padding: 10px 10px 5px 0;
		line-height: 1.4em;
		font-size: 0.75em;
		text-align: justify;
	}
	
	/*NAWIGACJA*/
	#main-column .navigation {
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
		background: #eee;
		padding: 3px 10px;
	}
	
	#main-column .navigation a {
		color: #333;
		font-size: 0.9em;
	}
	
	#main-column .navigation a:hover {
		text-decoration: underline;
	}
	
	#main-column .navigation:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}

	#main-column .navigation .older {
		float: left;
	}
	#main-column .navigation .newer {
		float: right;
	}

	
	/*SIDEBAR*/
	#sidebar {
		width: 310px;
		float: left;
	}
	
	#sidebar .sidebar-element {
		padding: 10px 0;
	}
	
	#sidebar .sidebar-element:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}

	#sidebar .sidebar-element h3, #main-column h3 {
		border-bottom: 2px solid #000;
		text-align: right;
		font-style: italic;
		font-size: 1.2em;
		font-weight: normal;
	}
	
	#sidebar .sidebar-element h3 {
		margin-bottom: 10px;
	}
	
	/*CATEGORIES LIST*/
	#sidebar #categories ul {
		width: 310px;
		margin: 0 auto;
	}
	
	#sidebar #categories ul:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}
	
	#sidebar #categories ul li {
		display: block;
		float: left;
		border-bottom: 1px dashed #000;
		width: 145px;
		margin-right: 10px;
	}
	
	#sidebar #categories ul li a {
		display: block;
		padding: 5px 0 5px 25px;
		background: transparent url( '../images/icons/blank-page.gif' ) no-repeat 2px center;
		font-style: italic;
		color: #000;
	}
	
	#sidebar #categories ul li a:hover {
		background-color: #f8f8f8;
	}
	
	/*TWITTER*/
	#sidebar #twitter:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}

	
	#sidebar #twitter img {
		float: left;
		margin-right: 10px;
	}
	
	#sidebar #twitter p {
		float: left;
		width: 225px;
		font-size: 0.8em;
		text-align: justify;
		color: #000;
	}
	
	#sidebar #twitter a {
		color: #333;
	}
	
	#sidebar #twitter .twitter-timestamp {
		display: block;
		color: #666;
	}
	
	#sidebar #twitter .more {
		text-align: right;
		padding: 10px 0 0 0;
	}
	
	#sidebar #twitter .more a {
		color: #000;
		font-style: italic;
		font-weight: bold;
		text-decoration: underline;
	}
	
	#sidebar #twitter .more a:hover {
		text-decoration: none;
	}
	
	/*FLICKR*/
	#sidebar #flickr ul {
		width: 307px;
		margin: 0 auto;
	}
	
	#sidebar #flickr ul:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}
	
	#sidebar #flickr ul li {
		display: block;
		float: left;
		margin: 1px;
	}
	
	#sidebar #flickr ul li img {
		width: 47px;
		height: 47px;
	}
	
	#sidebar #flickr ul li a {
		display: block;
		border: 1px solid #000;
	}
	
	#sidebar #flickr ul li a:hover {
		border-color: #e82acb;
	}
	
	/*LAST.FM*/
	#sidebar #last-fm ul li {
		background: transparent url( '../images/icons/music-note.gif' ) no-repeat left 1px;
		padding: 0 0 8px 20px;
		font-size: 0.8em;
	}
	
	#sidebar #last-fm ul li a {
		color: #333;
	}
	
	#sidebar #last-fm ul li a:hover {
		text-decoration: underline;
	}
	
	#sidebar #last-fm ul li .lastfm-timestamp {
		display:block;
		color: #666;
		font-size: 0.9em;
	}


	/*FOOTER*/
	#footer {
		clear: both;
		background: #000;
		color: #fff;
		padding: 4px 10px;
	}
	
	#footer:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
	}

	
	#footer p {
		float: left;
		font-style: italic;
		font-size: 0.85em;
	}
	
	#footer p a {
		color: #fff;
		text-decoration: underline;
	}
	
	#footer p a:hover {
		text-decoration: none;
	}
	
	#footer ul {
		float: right;
	}
	
	#footer li {
		float: left;
		padding: 4px 10px 0 10px;
		font-size: 0.7em;
	}
	
	#footer li a {
		background: transparent url( '../images/rss.png' ) no-repeat left center;
		padding-left: 15px;
		color: #fff;
		text-decoration: none;
		font-style: italic;
	}
	
	#footer li a:hover {
		text-decoration: underline;
	}