body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	color: #000000;
	border: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
}

.top .header {
	background-image: url("/media/noise.png"), linear-gradient(rgb(36, 38, 41), rgb(65, 69, 73));
	color: #d6d2d0;
	padding: 15px 10px 8px 0;
	margin: 0;
}

.top .header .banner {
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(255, 255, 255, 0.75);
	font-size: 20pt;

	padding-left: 10px;
	margin-left: 10px;
}

.top .header a {
	color: #fff;
}

.top .header .banner-red {
	text-shadow: 0px 1px 0px rgba(255, 0, 0, 0.25), 0px 0px 2px rgba(255, 0, 0, 0.75);
	font-size: 20pt;
	color: #f2342b;
}

.top .navbar {
	margin: 0px;
	background-color: #282a2d;
	border-bottom: 3px solid #981616;
	border-top: 1px solid #000;
	box-shadow: 0px 1px 0px rgb(55, 59, 63) inset, 0px 5px 5px rgba(0, 0, 0, 0.35);
	border-radius: 0;
	min-height: 0px;
}

.navmap {
	padding: 12px 10px 0px 15px;
	display: block;
}

.navmap ul {
	list-style: none outside none;
	margin: 0px;
	padding: 0px;
}

.navmap li {
	margin: 0px;
	padding: 0px;
	display: table-cell;
	list-style: none outside none;
}

.navmap a {
	text-decoration: none;
	color: #981616;
}

.breadcrumb {
	background-color: #fff;
	margin-bottom: 0px;
}

.nav-pills {
	padding-left: 15px;
}

.navmap a:hover {
	text-decoration: underline;
	color: #981616;
}

.brezblock-ico {
	background: url("/media/ico-brezblock.png") no-repeat;
	background-position: 6px 4px; 
        background-size: 32px 32px;
}

.q4wine-ico {
	background: url("/media/images/q4wine-128x128.png") no-repeat;
	background-position: 6px 4px; 
        background-size: 32px 32px;
}

.control-ico {
	background: url("/media/kig.png") no-repeat;
	background-position: 6px 4px; 
        background-size: 32px 32px;
}

.twitter-ico {
	background: url("/media/ico-twitter.png") no-repeat;
	background-position: 6px 4px; 
        background-size: 32px 32px;
}

.kofi-ico {
	background: url("/media/ico-kofi.png") no-repeat;
	background-position: 6px 4px; 
        background-size: 32px, 32px;
}

.yt-ico {
	background: url("/media/ico-yt.png") no-repeat;
	background-position: 6px 4px; 
        background-size: 32px, 32px;
}

.cba-ico {
	background: url("/media/ico-cba.png") no-repeat;
	background-position: 3px 3px; 
        background-size: 82px, 82px;
}

.top .navbar ul {
	margin: 0px;
	padding: 0px;
	border-left: 1px solid rgb(7, 8, 8);
	border-right: 1px solid rgb(55, 59, 63);
	list-style: none outside none;
}

.top .navbar li {
	margin: 0px;
	padding: 0px;
	width: 120px;
	border-right: 1px solid rgb(7, 8, 8);
	border-left: 1px solid rgb(55, 59, 63);
	display: table-cell;
	list-style: none outside none;
}

.top .navbar #lo {
	width: 45px;
	padding: 0px 0px 0px 0px;
}

.top .navbar .ico {
	width: 45px;
	padding: 0px 0px 0px 0px;
}

.top .navbar .ico-cba {
	width: 88px;
	padding: 0px 0px 0px 0px;
}

.top .navbar #lo a:hover {
	background-color: #282a2d;
}

.top .navbar ul li a:hover {
	background-color: #981616;
}

.top .navbar ul li a {
	padding: 0px;
	margin: 0px;
	display: block;
	text-align: center;
	color: #d6d2d0;
	line-height: 40px;
	text-decoration: none;
}

.text {
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.text .disclaimer a {
	text-decoration: none;
}

.text .disclaimer a:hover {
	text-decoration: none;
}

.text .disclaimer .blue {
	text-align: left;
	background-color: #0055b3;
	color: #ffffff;
	padding: 10px;
	text-decoration: none;
}

.text .disclaimer .yellow {
	text-align: center;
	background-color: #ffd800;
	color: #000000;
	padding: 10px;
	text-decoration: none;
}

.text:first-letter {
	color: #ff0000;
} 

.text p ul {
	list-style: none;
}

.text p li:before {
    content: "• ";
    color: red; 
}

.text img {
	border: none;
	margin: 0px;
	padding: 0px;
}

.text a:hover {
	text-decoration: underline;
	color: #981616;
}

.text a {
	text-decoration: none;
	color: #981616;
}

.text h2 {
	padding: 0px;
	margin: 0px;
}

.news .tag {
	display: inline;
	margin: 4px;
	padding: 10px 10px 9px 10px;
	border: 1px solid #7a7a7a;
	color: #2f2d2d;
	background-color: #e9e9e9;
	border-radius: 5px;
	text-align: center;
	width: 145px;
}

.news .header .tag a {
	color: #2f2d2d;
	text-decoration: none;
}

.news .header .tag a:hover {
	color: #f2342b;
	text-decoration: none;
}

.news .header .tag a:visited {
	color: #2f2d2d;
	text-decoration: none;
}

.news .header {
	display: block;
	padding-top: 4px;
	padding-bottom: 3px;
}

.news .header .line {
	background-color: #282a2d;

}

.news .header a {
	margin-left: 5px;
	font-weight: bold;
	color: #d6d2d0;
}

.news .header .details {
	display: inline;
	color: #d6d2d0;
	padding-top: 2px;
	padding-right: 4px;
	font-size: 0.85em;
	float: right;
}

.news .text {
	margin: 0px 20px 25px 10px;
	text-align: justify;
}


.menu ul {
	border: 1px solid #000;
	border-left: 3px solid #981616;
	border-radius: 5px;
	list-style: none outside none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	background-image: url("/media/noise.png"), linear-gradient(rgb(36, 38, 41), rgb(65, 69, 73));
}

.menu ul .header {
	padding: 5px 5px 5px 5px;
	text-align: center;
	color: #d6d2d0;
}

.menu ul li {
	list-style: none outside none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.menu ul li a:hover {
	background-color: #981616;
	color: #d6d2d0;
	text-decoration: none;
}

.menu ul li a {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	display: block;
	text-align: left;
	color: #d6d2d0;
	text-decoration: none;
}

.menucell {
	display: table-cell;
	padding-left: 10px;
}

.textcell {
	display: table-cell;
	width: 100%;
}

.content {
	display: table;
	width: 100%;
}

/* Category */

#cat-proj-link {
	background: url("/media/kig.png") no-repeat;
	line-height: 32px;
	vertical-align: middle;
	padding-left: 36px;
}

#cat-proj-link:hover {
	color: #d6d2d0;
	background-color: #981616;
	text-decoration: none;
}

#cat-skill-link {
	background: url("/media/skills.png") no-repeat;
	line-height: 32px;
	vertical-align: middle;
	padding-left: 36px;
}

#cat-skill-link:hover {
	color: #d6d2d0;
	background-color: #981616;
	text-decoration: none;
}

#cat-empl-link {
	background: url("/media/empl.png") no-repeat;
	line-height: 32px;
	vertical-align: middle;
	padding-left: 36px;
}

#cat-empl-link:hover {
	color: #d6d2d0;
	background-color: #981616;
	text-decoration: none;
}

#cat-bio-link {
	background: url("/media/bio.png") no-repeat;
	line-height: 32px;
	vertical-align: middle;
	padding-left: 36px;
}

#cat-bio-link:hover {
	color: #d6d2d0;
	background-color: #981616;
	text-decoration: none;
}

.info {
	margin-left: 10%;
	margin-right: 10%;
}

.info img {
	margin: 25px 0px 0px 1px;
	border: 3px solid #981616;
	float: none;
	padding: 0px;
}

.info td {
	vertical-align: top;
}

.info .skill-cat {
	padding: 4px 4px 2px 30px;
	background: url("/media/cat.png") no-repeat;
	border: 1px solid #dedded;
	background-color: #efefef;
}

.info .skill-cat:hover {
	background-color: #b4d2e1;
}

.skill-info {
	padding: 4px 4px 2px 45px;
	margin-left: 15px;
	background: url("/media/skill.png") no-repeat;
}

.skill-info:hover {
	background: url("/media/skill-active.png") no-repeat;
	background-color: #b4d2e1;
}

.skill-info .title {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}

.skill-info .company {
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	color: #434649;
}

.skill-info .date {
	padding-top: 3px;
	padding-bottom: 3px;
	color: #66696A;
	font-size: 13px;
	line-height: 17px;
}

.skill-info .details {
	padding-top: 5px;
	font-size: 13px;
	line-height: 17px;
	color: #333;
}

.details td {
	vertical-align: top;
	border-bottom: 2px solid #fff;
}

.details .odd {
	background-color: #efefef;
}

.details .even {
	background-color: #fff;
}

.details .odd:hover {
	background-color: #b4d2e1;
}

.details .even:hover {
	background-color: #b4d2e1;
}

.update {
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: rgb(85, 85, 85);
}

.update a {
	color: rgb(85, 85, 85);
	text-decoration: underline;
}

.proj-info {
	padding-bottom: 15px;
}

.proj-info .title {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}

.proj-info .date {
	padding-top: 3px;
	padding-bottom: 3px;
	color: #66696A;
	font-size: 13px;
	line-height: 17px;
}

.proj-info .descr {
	padding-top: 5px;
}

.proj-info .details {
	padding-top: 5px;
	font-size: 13px;
	line-height: 17px;
	color: #333;
}

.toCenter {
	text-align: center;
}

.sign {
    font-size: 12px;
    line-height: 16px;
    color: rgb(85, 85, 85);
    text-align: center;
    margin: 50px 60px 30px 60px;
}

.sign a {
    font-size: 12px;
    line-height: 16px;
    color: rgb(200, 85, 85);
    text-decoration: none;
}

.sign a:hover {
    text-decoration: underline;
}

fieldset {
	border: 0px none;
	padding: 0px;
	margin: 0px;
}