/*-
 * name: stpage
 * author: (C) 2006 Ilja Kuklic - uprava PetaNg 2007
 * desc: upraveny styl od Ilji - PetaNgem pro prvni stranu Gympluj
-*/

html,body{margin:0; padding:0; font-family: "Georgia", serif; background:#fff;}
#main{background: url(stpage/border-right.png) 100% 0 repeat-y;}
body{background: url(stpage/border-left.png) 0 0 repeat-y; height:auto;}
#content{margin: 0 180px 0 40px; padding:0;}
#sidebar{float:right; width:146px; margin:24px 5px 30px 0; padding: 1em 0 .5em; text-align:center; border: #000 2px; border-style: none solid; background:#fff;}

.floater{float:left; width:100%; margin: 0 0 0 0;}
#leftcolumn {float:left; width:60%; background: url(stpage/strip4.png) 100% 0 repeat-y;}
#rightcolumn{float:left; width:40%; background: url(stpage/strip3.png) 0 4px  repeat-y;}
#rightcolumn #bloglistbox, #rightcolumn #commentsbox, #bloglistbox, #aggregatorbox, #rightcolumn .columnpart {margin: 1em 0 1em 5%; border: #000 1px; border-style: solid none;}
#leftcolumn #itemlistbox{margin: 1em 4% 1em 0;}

#leftcolumn,#rightcolumn{ padding-top: 1em; }

a{color: #09c;}
a:visited{color:#333}
a:hover{color: #fff; background-color:#09c; text-decoration:none;}
a img{border: #04a 1px solid; padding:3px;}
a:visited img{border-color:#468}
a:hover img{background-color:#fff;}

img.left {margin: 3px 5px 3px 0;}
img.right{margin: 3px 0 3px 5px;}

input{border: dotted 1px #000;}
input:hover, textarea.formfield:hover{border: #000 1px dashed;}
input.formbutton:active{border: #000 1px solid;}
textarea.formfield{width:100%; border: dotted 1px #000;}

#content p{text-align:left;}
#content p.more{font-size:.8em; text-align:right;}
table tr.odd {background-color:#ffb;}
table th{background-color:#a61; color:#fff;}
table td{border-right: 1px dotted #424; padding:.1ex .3em;}
table{width:100%; border: 1px solid #424; border-collapse:collapse;}

#header{background: url(stpage/topbg.png) 100% 0 no-repeat; height:100px; color:#09c;}
h1{margin:0; background: url(stpage/top.png) 0 0 no-repeat; height:100px; width:400px; padding-top:auto; padding-bottom:auto; clear:both; }
h1 a{
	text-align:center;
	display:block;
	position:absolute;
	left:100px;
	top:33px;
	width:260px;
	height:52px;
	line-height:52px;
	color:#fff;
	text-decoration:none;
	font-family: "Arial Black", "Arial", sans-serif;
}
h1 a:visited{text-decoration:underline; color:#fff; text-decoration:none;}
h1 a:hover{background-color:transparent; color:#09c; text-decoration:none;}
#header p{position:absolute; left:379px; top:72px; background: url(stpage/strip1.png) repeat-y; font-weight: bold; font-family: 'Arial', sans-serif; padding: .1em .2em; display:inline;}
#header>p{top:58px;}

.comments,#feeds,#bloglist,#itemlist,#menu,#archive,#archives,.memberlist,.memberitems,#search{margin:0; padding:0;}
.comment,#feeds li,#bloglist li,.item,#menu li,#archives li,.memberlist li,.memberitems li{list-style-type:none;}

#sidebar h2, #sidebar .jump{display:none;}
#sidebar h3{padding-right:24px; background-position: 100% 50%; background-repeat:no-repeat; min-height:24px; font-family: "Arial", sans-serif; padding-right:0; padding-left:28px; background-position: 0 50%; text-align:left;}
#sidebar h3, #menu, #sidebar form, #adminshout{margin-left:10px; margin-right:10px;}
#menu li{padding: 1px 0;}
#menu a {width:100%; display:block; text-decoration: none; border-style: solid none; border-width:1px; color:#f30; border-color:#333; font-family: 'Georgia', serif; font-size:70%; padding: .5em 0;}
#menu a:visited{color: #09c;}
#menu a:hover{color: #fff; background: url(stpage/strip2.png) repeat-y #061;}

#sidebar h3.menu{background-image: url(stpage/ico-menu.png);}
#sidebar h3.search{background-image: url(stpage/ico-search-sm.png);}
#sidebar h3.login{background-image: url(stpage/ico-login.png);}

#searchform .formfield, #loginform .formfield{width:100%;}
#sidebar #searchform p, #loginform p{font-size:.8em; margin: .7em 0;}
#itemlistbox li.item h2{background-image:none; padding:0; text-align:left; font-family: "Arial", sans-serif; font-weight:bold;}
li.item, .comment{border: 2px #333; border-style:  solid none none; margin: 1em 0; text-align:justify;}
li[class=item]{background: url(stpage/clanky.png) 100% 0 no-repeat;}
#commentsbox em{color:#555}

#footer{clear:left; background: #fff url(stpage/border-botright.png) 100% 0 no-repeat; height:32px;}
#footer div{width:50%; height:32px; background:url(stpage/border-botleft.png) no-repeat;}
#footer p{background: #fff; margin:0; padding: .5em 180px 1em 130px; text-align:center; font-size:.7em;}

#feeds li, #rightcolumn #commentsbox li, #bloglist li, .memberlist li, .memberitems li, #archives li{clear:left; margin: .3em 0; border:none; display:inline-block; width:100%;}
#rightcolumn #commentsbox li span, #feeds li span{display:block; margin-left:5.5ex; text-align:left;}
#rightcolumn #commentsbox li span span, #feeds li span span, #bloglist strong span, .memberlist span{display:none;}
#feeds a, #rightcolumn #commentsbox ol a{display:block; text-align:center; border: #04a 1px; border-style: none dotted dotted none; float:left; text-decoration:none;}
#feeds a, #rightcolumn #commentsbox ol a{width:8ex; font-size:.6em; margin-bottom:1ex;}
.memberitems{font-size:.9em}
.memberlist a, #bloglist a, .memberitems strong a, #archives a{border: #04a 1px; border-style: none dotted dotted none; text-decoration:none; padding-right:.1em; margin-right:.4em; font-size:1.1em;}

#itemlistbox h2{display:none;}
#itemlistbox #itemlist h2{display:block;}
.iteminfo, .commentinfo{font-size: .8em; text-align:left;}
li[class=comment],div[id=commentsbox]{background: url(stpage/komentare.png) 100% 10px no-repeat;}
#rightcolumn .comment{background:none;}
div[id=bloglistbox]{background: url(stpage/blog.png) 100% 12px no-repeat;}
div[id=aggregatorbox]{background: url(stpage/feeds.png) 100% 10px no-repeat;}
blockquote{padding: 0 3em; margin-left:0; margin-right:0; background: url(stpage/quote.png) 0 0 no-repeat;}

span.lastonline  {font-size:.7em; color:#555; padding-left:1ex;}
em.status-online {font-size:.8em; color:#9c9;}
em.status-offline{font-size:.8em; color:#f30;}
em.status-unknown{font-size:.8em; color:#666;}
em.highlight{color:#f30;}


.xprofile {font-size:.95em;}
.xprofile p.memberinfo{font-size:.8em;}
.xprofile p.memberinfo em{font-size:1em;}
.xprofile ul{margin:0; padding:0;}
.xprofile li{list-style-type:none; padding: .1em 0 .2em 32px; margin:0; background: 8px 1px no-repeat;}
.xprofile li strong.f{color:#444;}
.xprofile li img{vertical-align:middle;}
.xprofile h3{font-size:1em; margin: 1em 0 .6em;}

.xprofile li.lastfm li{padding:0; list-style-type:decimal; font-size:.85em;}
.xprofile li.lastfm ol{margin-top:.2em;}
.xprofile .pgp-fp, .xprofile li.flickr span{font-size:.85em;}

.xprofile li.gympluj-name{background-image:url(stpage/gympluj-name.png);}
.xprofile li.restaurant{background-image:url(stpage/restaurant.png);}
.xprofile li.libimseti{background-image:url(stpage/libimseti.png);}
.xprofile li.birthday{background-image:url(stpage/birthday.png);}
.xprofile li.present{background-image:url(stpage/present.png);}
.xprofile li.myspace{background-image:url(stpage/myspace.png);}
.xprofile li.youtube{background-image:url(stpage/youtube.png);}
.xprofile li.deviant{background-image:url(stpage/deviant.png);}
.xprofile li.jabber{background-image:url(stpage/jabber-2.png);}
.xprofile li.realname{background-image:url(stpage/name.png);}
.xprofile li.flickr{background-image:url(stpage/flickr.png);}
.xprofile li.lastfm{background-image:url(stpage/lastfm.png);}
.xprofile li.openid{background-image:url(stpage/openid.png);}
.xprofile li.mobile{background-image:url(stpage/mobile.png);}
.xprofile li.author{background-image:url(stpage/author.png);}
.xprofile li.hlaska{background-image:url(stpage/hlaska.png);}
.xprofile li.hobby{background-image:url(stpage/hobby.png);}
.xprofile li.music{background-image:url(stpage/music.png);}
.xprofile li.sport{background-image:url(stpage/sport.png);}
.xprofile li.gympl{background-image:url(stpage/gympl.png);}
.xprofile li.drink{background-image:url(stpage/drink.png);}
.xprofile li.food{background-image:url(stpage/food.png);}
.xprofile li.soft{background-image:url(stpage/soft.png);}
.xprofile li.mail{background-image:url(stpage/mail.png);}
.xprofile li.nick{background-image:url(stpage/nick.png);}
.xprofile li.adr{background-image:url(stpage/home.png);}
.xprofile li.pgp{background-image:url(stpage/pgp.png);}
.xprofile li.icq{background-image:url(stpage/icq.png);}
.xprofile li.web{background-image:url(stpage/web.png);}
.xprofile li.art{background-image:url(stpage/art.png);}