/* =====================================
Jan Žák - http://zakjan.cz
===================================== */

/* reset and overrides
===================================== */

@import url(reset.css);
@import url(typography.css);

/* Base
===================================== */

body { font: 13px/167% Arial; color: #222; }

body { background: url(../images/body.png) repeat-y; }

h1 { background: url(../images/header.png) repeat-x; }
h1 a, h1 span { display: block; width: 300px; height: 84px; position: relative; overflow: hidden; }
h1 span { background: url(../images/logo.png) no-repeat; position: absolute; top: 0; left: 0; }

#page { /*width: 960px;*/ margin: 30px 0 0 30px; }

.box { margin: 0 30px 30px 0; width: 300px; float: left; }
.box.last { margin-right: 0; }

h2 { font-size: 100%; color: #777; border-bottom: 1px solid #ddd; padding: 0 5px 1px; clear: both; }

a { color: #222; text-decoration: none; }
a span { border-bottom: 1px solid #ddd; padding-bottom: 1px; }
a:hover span { border-bottom: none; }

ul { margin-left: 0; margin-right: 0; }
li { padding: 1px 5px; list-style: none; }
li:hover { background-color: #eee !important; }
li a, li span { display: block; }
li a span { display: inline; }

/* Icons
===================================== */

.icons strong { display: none; }
.icon { background: no-repeat 0 50%; padding-left: 25px; }

.icon.email { background-image: url(../images/icons/email.png); }
.icon.live { background-image: url(../images/icons/live.png); }
.icon.jabber { background-image: url(../images/icons/jabber.png); }
.icon.icq { background-image: url(../images/icons/icq.png); }
.icon.rzp { background-image: url(../images/icons/rzp.png); }
.icon.ic { background-image: url(../images/icons/ic.png); }
.icon.dic { background-image: url(../images/icons/dic.png); }
.icon.csob { background-image: url(../images/icons/csob.png); }
.icon.paypal { background-image: url(../images/icons/paypal.png); }