/*
Theme Name: Homepage
Theme URI: http://fiolek.org/
Description: Styl dedykowany mojej stronie domowej.
Author: Jakub "Fiołek" Fijałkowski
Version: 0.1
Tags: blue, two-columns, fixed-width, threaded-comments
*/

body
{
	font-family: Calibri, Arial;
}

#Container
{
	margin: auto;
	width: 1000px;
	text-align: center;
}

#Top
{
	width: 1000px;
	height: 200px;
	background: white url("Images/Top.png") no-repeat;
}

/* Links on top */
#Top ul
{
	margin-left: 650px;
	padding-top: 20px;
	
	font-family: Consolas, Calibri, Arial;
	font-size: 20px;
	text-align: left;
	list-style-type: none;
}

#Top ul a
{
	color: #001C00;
}

#Top ul a:link, a:visited
{
	text-decoration: none;
}

#Top ul a:hover
{
	text-decoration: underline;
}

/* Sidebar */
#Sidebar
{
	width: 199px;
	float: right;
	border-left: 1px solid black;
}

#Sidebar div.Widget
{
	width: 180px;
	margin-left: 9px;
	margin-bottom: 20px;
}

#Sidebar div.Widget div.Title
{
	padding-left: 5px;
	margin-bottom: 2px;
	
	text-align: left;
	font-size: 12pt;
	font-family: Arial;
	font-style: italic;
	color: #247dab;
	border-bottom: 5px solid #278abd;
}

#Sidebar div.Widget ul
{
	margin: 0px;
	padding-left: 5px;
	
	text-align: justify;
	font-family: Arial;
	font-size: 9pt;
	color: #555555;
	list-style-type: none;
}

/* Content */

#Content
{
	width: 800px;
	float: left;
	text-align: left;
}

/* Post */

div.Post
{
	width: 780px;
	margin: 10px;
	margin-bottom: 30px;
}

div.Post div.Title
{
	padding-left: 3px;
	
	text-decoration: none;
	font-family: Arial;
	font-style: italic;
	color: #247dab;
	border-bottom: 5px solid #278abd;
}

div.Post div.Title a
{
	text-decoration: none;
	font-family: Arial;
	font-style: italic;
	color: #247dab;
}

div.Post div.Description
{
	padding-left: 15px;
	
	text-align: left;
	font-family: Arial;
	font-size: 7pt;
	color: Gray;
}

div.Post div.Content
{
	padding-left: 5px;
	
	text-align: justify;
	font-family: Arial;
	font-size: 10pt;
	color: Black;
}

/* Comments */
#Comments
{
	width: 800px;
}

#Comments ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.Comment
{
	font-size: 11pt;
	color: #515151;
	border-bottom: 1px solid #A8A8A8;
}

/* Depth: 0 */
div.Comment0
{
	width: 780px;
	margin: 10px;
}

/* Depth: 1 */
div.Comment1
{
	width: 760px;
	margin: 10px;
	margin-left: 30px;
}

/* Depth: 2 */
div.Comment2
{
	width: 740px;
	margin: 10px;
	margin-left: 50px;
}

/* Depth: 3 */
div.Comment3
{
	width: 720px;
	margin: 10px;
	margin-left: 70px;
}

/* Depth: 4 */
div.Comment4
{
	width: 700px;
	margin: 10px;
	margin-left: 90px;
}

div.Comment > img:first-child
{
	float: left;
}

div.Comment div.Author
{
	padding-left: 38px;
	
	font-size: 11pt;
	font-family: Arial;
	font-style: italic;
	color: #247dab;
	border-bottom: 3px solid #278abd;
}

div.Comment div.Author a
{
	color: #247dab;
	text-decoration: none;
}

div.Comment div.Content div.Description
{
	margin-left: 45px;
	text-align: left;
	font-family: Arial;
	font-size: 7pt;
	color: Gray;
}

/* Watermark in textboxes */
input.Watermark
{
	color: #808080;
}

/* Arrows to navigate to next/prev page */
#LeftArrow
{
	float: left;
}

#RightArrow
{
	text-align: right;
	float: right;
}

/* Others */
h1, h2, h3, h4, h5, h6
{
	font-family: Calibri, Arial;
	font-style: italic;
	color: #247dab;
}

a:link, a:visited
{
	color: #6395b1;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

div.Post div.Content textarea
{
	width: 770px;
}

div.aligncenter, div.alignright
{
	margin: 5px;
	
	text-align: center;	
	font-size: 7pt;
	color: #444444;
}

div.aligncenter
{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.alignright
{
	float: right;
}