/*
 *  JoggerPL version 2.5 (codename Agni) Styles
 *  last-updated: 20-08-2007
 *  ===========================================================================
 *  
 *  Mozesz wykorzystywac fragmenty tego stylu do nauki i w swoich projektach,
 *  ale unikalne polaczenie obrazow, kolorow, rozmiarow, typografii oraz
 *  pozycjonowania jest chronione prawem autorskim jako wlasnosc JoggerPL
 *  i nie moze byc kopiowane.
 *
 *  You may adapt certain elements of this CSS to learn and in your own 
 *  projects, but the unique combination of images, colors, sizes, typography,
 *  and positioning is copyright 2003-2007 JoggerPL and may not be reproduced.
 *
 *  ===========================================================================
 */
 
/* =layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.main { width: 60%; }
.sidebar { width: 40%; }
.main p.section, .main .entry, .main .pager { margin-right: 10px; }
.sidebar p.section, .sidebar form, .sidebar .box { margin-left: 10px; }
.sidebar table { width: 100%; }

/* =intro
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.minimized { padding: 5px; }
.maximized {
	background: url(i/intro-graphic.png) 100% -70px no-repeat;
	padding: 0 15px 15px 15px;
}

#logged .maximized { background-position: 100% -80px; }
.maximized, .minimized {
	background-color: #f6efcc;
	position: relative;
	overflow: hidden;
}

.maximized .left, 
.minimized .left {
	width: 60%;
	float: left;
}

.maximized .right, 
.minimized .right {
	width: 40%;
	float: right;
}

.maximized p {
	font: normal 1.5em "Century Gothic", "Lucida Sans Unicode", "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #6d643c;
	margin-right: 15px;
	line-height: 125%;
	margin-top: 0.75em;
}

.maximized .right ul { margin-top: 85px; }
.maximized .right li {
	margin: 5px 0 0 10px;
	overflow: hidden;
	list-style: none;
}

.maximized .right li a {
	margin-left: 2px;
	display: block;
	padding: 0.50em 0.71em 0.43em 0.64em;
	float: left;
	background-color: #ee4e4e;
	color: #fff;
	border: none;
}

.maximized .right li a:hover { background-color: #de1818; }
.maximized .quicktools li { margin: 20px 15px 0 0; }
.maximized .quicktools li,
.minimized .quicktools li,
.minimized .right li {
	float: left;
	list-style: none;
	margin-right: 10px;
}

.minimized .right li { margin-left: 10px; }
.maximized .quicktools a {
	border: 1px solid transparent;
	display: block;
	padding: 65px 15px 10px 15px;
	text-align: center;
	background-position: 50% 0;
	background-repeat: no-repeat;
	outline: none;
}

.maximized .quicktools a,
.minimized .quicktools a,
.minimized .right li a {
	background-color: transparent;
	color: #6d643c;
}

.minimized .quicktools a, .minimized .right li a { border: none; }

.minimized .right li a,
.minimized .quicktools a {
	display: block;
	padding: 0.25em 0.35em 0.3em 0.35em;
}

.maximized .quicktools a span,
.minimized .quicktools a span,
.minimized .right li a span {
	border-bottom: 1px solid #cfc8a4;
}

.maximized .quicktools a:hover, .maximized .quicktools a:focus,
.minimized .quicktools a:hover, .minimized .quicktools a:focus,
.minimized .right li a:hover, .minimized .right li a:focus {
	background-color: #fff;
}

.maximized .quicktools a:active,
.minimized .quicktools a:active,
.minimized .right li a:active {
	border-color: #cfc8a4;
}

.maximized .quicktools #quick-post a { background-image: url(i/icon-post-big.png); }
.maximized .quicktools #quick-manage a { background-image: url(i/icon-manage-big.png); }
.maximized .quicktools #quick-themes a { background-image: url(i/icon-themes-big.png); }
.maximized .quicktools #quick-options a { background-image: url(i/icon-options-big.png); }
.maximized .quicktools #quick-account a { background-image: url(i/icon-account-big.png); }

#quicktoggle {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	margin: 5px 5px 0 0;
	width: 14px;
	height: 14px;
	border-width: 1px;
	border-style: solid;
	border-color: #f9f7ea #b29840 #b29840 #f9f7ea;
	z-index: 20;
	overflow: hidden;
	outline: none;
	background: url(i/quicktoggle-bg.png) 0 0 no-repeat;
	text-indent: -1000em;
}

.minimized #quicktoggle { background-position: 0 -14px; }
#quicktoggle:hover { background-color: #f3ecca; }
#quicktoggle:active { border-color: #b29840 #f9f7ea #f9f7ea #b29840; }

/* =login
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form legend {
	color: #aaa;
	text-indent: -2px;
	display: block;
	padding-bottom: 10px;
}

form.js legend { display: none; }
.sidebar form p.info { font-size: 0.83em; }

#loginOpenID {
	padding-right: 21px;
	background-image: url(i/icon-openid-small.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
}

#registerForm .grid label, #loginForm .grid label { width: 24%; }
#registerForm .grid .fields, #loginForm .grid .fields { width: 75%; }
#registerForm .indent .fields, #loginForm .indent .fields { padding-left: 25%; }

/* =sidebar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.box thead { display: none; }

.box table {
	border-spacing: 0;
	border-collapse: collapse;
}

.box td { padding: 0.36em 0; }
.box td.date,
.box td.author {
	text-align: right;
	padding-left: 10px;
}

.box td.date abbr {
	padding: 0.25em 0.35em 0.21em 0.32em;
	background: #f6efcc;
	color: #6d643c;
	white-space: nowrap;
}

.box td.author a {
	color: #888;
	border-color: #ddd;
}

.box td.author a:visited { background-color: #f7f7f7; }
.box ol.featured li {
	list-style: none;
	background: url(i/icon-star.png) 0 0.5em no-repeat;
	padding: 0.36em 0 0.36em 16px;
	line-height: 200%;
	color: #888;
	display: inline;
}

.box .img {
	text-align: center;
	margin-top: 100px;
}

.box td.number {
	border-right: 1px solid #ddd;
	padding-right: 10px;
	padding-left: 10px;
	color: #ccc;
}

/* =entry & entry-header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.entry {
	border-color: #a2d1e0;
	border-width: 1px 1px 1px 0;
	border-style: solid;
}

.entry .header { margin: 15px 10px 0 0; }
.entry .header p {
	overflow: hidden;
	font-size: 0.93em;
	margin-bottom: 0.54em;
}

.entry .header p a,
.entry .header p span.date {
	padding: 0.21em
}

.entry .header p a {
	float: left;
	background-color: #e8f4f8;
	padding: 0.21em;
	border: none;
}

.entry .header p a:visited,
.entry .meta p a:visited {
  color: #3e798c;
}

.entry .header p a:active { color: #3e798c }
.entry .header p span.date {
	float: left;
	color: #aaa;
	margin-left: 5px;
}

.entry .header a.next {
	float: right;
	width: 12px;
	height: 13px;
	background: url(i/icon-nextentry.png) 0 0  no-repeat;
	padding: 5px;
	border: none;
	text-indent: -1000em;
	outline: 1px solid #fcdcdc;
	outline-offset: -1px;
	overflow: hidden;
}

.entry .header a.next:hover,
.entry .header a.next:focus {
	background-color: #ee4e4e;
	background-position: 0 -23px;
	outline-color: #ee4e4e;
}

/* =entry body
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.entry .body { margin: 20px 20px 20px 0; }

/* =entry-taxonomy & entry-meta
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.entry .body .inserted { font-size: 0.83em; }
.entry .body .inserted ul { margin-top: 0; }
.entry .body .inserted li.categories,
.entry .body .inserted li.tags {
	background-color: #e8f4f8;
	margin-top: 15px;
	margin-left: 0;
	padding: 5px 5px 7px 5px;
	list-style: none;
}

.entry .body .inserted li.categories span,
.entry .body .inserted li.tags span {
	font-weight: bold;
}

.entry .body .inserted li.categories li,
.entry .body .inserted li.tags li {
	display: inline;
	margin-left: 0;
}

.entry .meta {
	background-color: #e8f4f8;
	font-size: 0.93em;
	padding: 5px;
}

.entry .meta::after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

.entry .meta p { float: right; }
.entry .meta ul li.categories,
.entry .meta ul li.tags {
	position: relative;
}

.entry .meta ul li.unpin,
.entry .meta ul li.categories,
.entry .meta ul li.tags {
	float: left;
	margin-right: 5px;
	list-style: none;
}

.entry .meta ul li.unpin a,
.entry .meta ul li.categories span,
.entry .meta ul li.tags span {
	display: block;
	width: 1.31em;
	height: 1.38em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -1000em;
}

.entry .meta ul li.unpin a {
	background-color: #ee4e4e;
	background-image: url(i/icon-unpin.png);
	border: none;
}

.entry .meta ul li.categories span,
.entry .meta ul li.tags span {
	background-color: #2b3335;
}

.entry .meta ul.js li.categories span,
.entry .meta ul.js li.tags span {
	cursor: pointer;
}

.entry .meta ul li.categories span {
	background-image: url(i/icon-category.png);
}

.entry .meta ul li.tags span {
	background-image: url(i/icon-tag.png);
}

.entry .meta ul ul {
	display: none;
	position: absolute;
	bottom: 1.38em;
	background-color: #2b3335;
	padding: 5px 7px 7px 7px;
	line-height: 175%;
	width: 300px;
}

.entry .meta ul li.categories:hover ul,
.entry .meta ul li.tags:hover ul {
	display: block;
}

.entry .meta ul.js li.categories:hover ul,
.entry .meta ul.js li.tags:hover ul {
	display: none;
}

.entry .meta ul ul a {
	border-color: #6f7576;
	color: #fff;
}

.entry .meta ul ul a:visited,
.entry .meta ul ul a:focus,
.entry .meta ul ul a:visited:focus {
	background-color: transparent;
}

.entry .meta ul ul li { display: inline; }

/* =misc
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.listing col.jogger { width: 26% }
.listing col.status { width: 35% }
.listing col.date { width: 17%; }
.listing col.entries { width: 10% }
.listing col.comments { width: 12% }

.listing tr.online td { background-color: #faf7ea; }

#adsense { margin-left: 10px; }