@charset "utf-8";
/*  

Theme Name: Tamlyn's Portfolio
Description: 4 odsłona graficzna mojego portfolia.
Tags: white, blue, black, green, dark, two-columns, fixed-width, right-sidebar
Version: 4.0.0.1
Author: Tamlyn
Author URI: http://tamlyn.pl

*/

/* Main */
* {
	border: 0 none;
	margin: 0;
	padding: 0;
}

a { 
 color: #beff41;
 text-decoration: none;
}

a:hover { text-decoration: underline; }

body {
	background-color: #0f1e26;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-shadow: 1px 1px 1px black;
	overflow-x: hidden;
}

h1 { font-size: 21px; font-variant: small-caps; }
h2 { font-size: 17px; font-variant: small-caps; }
h3 { font-size: 15px; font-variant: small-caps; }
h4 { font-size: 13px; font-variant: small-caps; }
h5 { font-size: 11px; font-variant: small-caps; }
h6 { font-size: 10px; font-variant: small-caps; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }

.green { color: #beff41; }
.white { color: #fff; }

.float-left { float: left; }
.float-right { float: right; }
.clear-float { clear: both; }
.clear-float-left { clear: left; }
.clear-float-right { clear: right; }

/* Header */
#headerHolder {
	background: #389bee url(img/headerBG.jpg) 0 3px repeat-x;
	height: 323px;
}

#mainHeader {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

#logo {
	background: transparent url(img/logo.jpg) 0 0 no-repeat;
	color: #0f1e26;
	display: block;
	height: 120px;
	left: 25px;
	position: absolute;
	text-indent: -99999px;
	top: 8px;
	width: 275px;
}

#topMenu {
	right: 15px;
	position: absolute;
	top: 3px;
}

#topMenu li {
	float: left;
	list-style: none;
	width: 110px;
}

#topMenu li a {
	background: transparent url(img/menu.jpg) left bottom no-repeat;
	color: #fff;
	display: block;
	font-size: 11px;
	height: 30px;
	padding-top: 90px;
	text-align: center;
	text-decoration: none;
	width: 110px;
}

#topMenu li a:hover {
	background: transparent url(img/menu.jpg) right bottom no-repeat;
}

#topMenu li.active a {
	background: transparent url(img/menu.jpg) left top no-repeat;
}

#topMenu li.active a:hover {
	background: transparent url(img/menu.jpg) right top no-repeat;
}

#siteMotto {
	background: transparent url(img/motto.jpg) 0 0 no-repeat;
	display: block;	
	height: 175px;
	left: 0;
	position: absolute;
	text-indent: -99999px;
	top: 131px;
	width: 710px;
}

/* Content */
#mainContent {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

#contentBox {
	float: left;
	width: 625px;
	padding-bottom: 15px;
}

#content {
	padding: 0 10px;
}

#contentBox abbr, #contentBox strong { color: #beff41; }
#contentBox abbr { border-bottom: 1px dotted #beff41; cursor: help; font-weight: bold; }
#contentBox em { color: #beff41; font-style: normal; }
#contentBox li { list-style: inside url(img/bullet.jpg); padding: 2px; }
#contentBox p { padding: 5px; }
#contentBox ul { margin: 10px; }

#contentBox form {}
#contentBox fieldset { border: 0 none; padding: 5px; }
#contentBox legend { display: none; }
#contentBox label {
	display: block;
	font-weight: bold;
	padding: 5px;
}
#contentBox input {
	background: #0d181e;
	border: 1px solid #18323f;
	color: #fff;
	font-size: 10px;
	margin-left: 25px;
	padding: 2px;
	width: 175px;
}
#contentBox input.captcha { width: 75px; margin: 0; }

#contentBox input.submit {
	background: #beff41 url(img/footerBG.jpg) 0 -75px repeat-x;
	border: 1px solid #3b5607;
	color: #fff;
	font-weight: bold;
	margin: 10px 0 0 125px;
	width: 150px;
}
#contentBox textarea {
	background: #0d181e;
	border: 1px solid #18323f;
	color: #fff;
	margin-left: 25px;
	width: 360px;
}

/* Content - Blog Content */

#contentBox .blogEntry {
	clear: both;
	margin: 5px;
	position: relative;	
}

#contentBox .blogEntry .date {
	background: url(img/darkDateBG.jpg) 0 0 no-repeat;
	color: #cbdf7e;
	display: block;
	float: left;
	font-size: 24px;
	height: 97px;
	margin: 5px 15px 0 0;
	padding: 9px 0 0 0;
	position: relative;
	text-align:center;
	text-shadow: 1px 1px 1px #769306;
	width: 72px;
}

#contentBox .blogEntry .content {
	float: left;
	margin: 5px 0 15px;
	width: 525px;
}

#contentBox .blogEntry .content h2 a { text-decoration: none; }
#contentBox #comments {	padding: 5px 0; }
#contentBox #comments li { list-style: none; clear: both; }
#contentBox #comments li .commentTextBox { 
	border: 1px solid #0d181e;
	float: right;
	padding: 5px 5px 5px 15px;
	position: relative;
	width: 465px;
	margin: 10px 0;
}
#contentBox #comments li .avatar { 
	border: 3px solid white;
	background: #0d181e;
	padding: 1px;
}
 
#contentBox #comments li .commentText { 
	position: relative;
	z-index: 10;
}
#contentBox #comments li .commentText-TL { 
	top: -1px;
	left: -29px;
	position: absolute;
	width: 43px;
	height: 42px;
	display: block;
}
#contentBox #comments li .commentText-BL { 
	bottom: -1px;
	left: -1px;
	position: absolute;
	width: 15px;
	height: 15px;
	display: block;
}
#contentBox #comments li .commentText-TR { 
	top: -1px;
	right: -1px;
	position: absolute;
	width: 15px;
	height: 15px;
	display: block;
}
#contentBox #comments li .commentText-BR { 
	bottom: -1px;
	right: -1px;
	position: absolute;
	width: 15px;
	height: 15px;
	display: block;
}

#contentBox #comments li.even .commentTextBox { background: #0b2e46; }
#contentBox #comments li.even .commentText-TL { background: url(img/commentDark-TL.jpg) 0 0 no-repeat; }
#contentBox #comments li.even .commentText-TR { background: url(img/commentDark-TR.jpg) 0 0 no-repeat; }
#contentBox #comments li.even .commentText-BL { background: url(img/commentDark-BL.jpg) 0 0 no-repeat; }
#contentBox #comments li.even .commentText-BR { background: url(img/commentDark-BR.jpg) 0 0 no-repeat; }

#contentBox #comments li.odd .commentTextBox { background: #083f67; }
#contentBox #comments li.odd .commentText-TL { background: url(img/commentLight-TL.jpg) 0 0 no-repeat; }
#contentBox #comments li.odd .commentText-TR { background: url(img/commentLight-TR.jpg) 0 0 no-repeat; }
#contentBox #comments li.odd .commentText-BL { background: url(img/commentLight-BL.jpg) 0 0 no-repeat; }
#contentBox #comments li.odd .commentText-BR { background: url(img/commentLight-BR.jpg) 0 0 no-repeat; }

#contentBox #comments li.author .commentTextBox { background: #02599a; }
#contentBox #comments li.author .commentText-TL { background: url(img/commentAuthor-TL.jpg) 0 0 no-repeat; }
#contentBox #comments li.author .commentText-TR { background: url(img/commentAuthor-TR.jpg) 0 0 no-repeat; }
#contentBox #comments li.author .commentText-BL { background: url(img/commentAuthor-BL.jpg) 0 0 no-repeat; }
#contentBox #comments li.author .commentText-BR { background: url(img/commentAuthor-BR.jpg) 0 0 no-repeat; }
/* Content Clases */

#contentBox .underline {
	background: url(img/contentHr.jpg) bottom left repeat-x;
	padding: 2px 5px;
}
#contentBox .short {
	width: 65%;
}

/* SideBar */
#sideBar {
	float: right;
	width: 345px;
	position: relative;
	padding-bottom: 180px;
	top: -17px;
}

#sideBar .sideBar {
	background: url(img/sidebarBG.jpg) 0 0 repeat-y;
	padding: 0 25px;
	position: relative;
}

#sideBar .sideBarSpecialHeader {
	background: url(img/sidebarFirst.jpg) 0 0 repeat-y;
	display: block;
	height: 15px;
	left: -25px;
	position: relative;
	width: 345px;
}

#sideBar .sideBarHeader {
	background: url(img/sidebarTop.jpg) 0 0 repeat-y;
	display: block;
	height: 15px;
	left: -25px;
	position: relative;
	width: 345px;
}

#sideBar .sideBarFooter {
	background: url(img/sidebarBottom.jpg) 0 0 repeat-y;
	display: block;
	height: 20px;
	left: -25px;
	position: relative;
	width: 345px;
}

#sideBar #sideBlog .date {
	background: url(img/lightDateBG.jpg) 0 0 no-repeat;
	color: #cbdf7e;
	display: block;
	float: left;
	font-size: 24px;
	height: 97px;
	margin: 5px 3px 0 0;
	padding-top: 9px;
	position: relative;
	text-align:center;
	text-shadow: 1px 1px 1px #769306;
	width: 72px;
}

#sideBar #sideBlog .contentBox {
	display: block;
	float: left;
	margin: 5px;
	text-align: justify;
	width: 210px;	
}

#sideBar .underlineBlack {
	background: url(img/contentHr.jpg) bottom left repeat-x;
	padding: 2px 5px;
}

#sideBar .underlineBlue {
	background: url(img/sidebarHr.jpg) bottom left repeat-x;
	padding: 2px 5px;
}

#sideBar .short {
	width: 75%;
}

/* Footer */
#footerHolder {
	background: transparent url(img/footerBG.jpg) 0 0 repeat-x;
	clear: both;
	height: 260px;
}

#mainFooter {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

#footerDetails {
	background: transparent url(img/footerDetail.jpg) 0 0 no-repeat;
	display: block;
	height: 187px;
	position: absolute;
	right: 0;
	top: -186px;
	width: 278px;
}

#copyrights {
	top: 235px;
	font-size: 11px;
	font-variant: normal;
	position: absolute;
	text-align: center;
	width: 100%;
}