/* BASE STYLES */
* {margin:0; padding:0; outline:none; }

body {
	background: #f3efe3 url(img/bg-body.jpg) 40% -30px no-repeat;
	color: #000;
	font: normal .75em/150% Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
}

h1,h2,h3,h4,h5 {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	margin: .5em 0;
	color: #7a5507;
}

h1 { font-size: 150%; }
h2 { font-size: 135%; }
h3 { font-size: 125%; }
h4 { font-size: 115%; }
h5 { font-size: 110%; }

a, a:link, a:visited { color:#7a5507; outline:none; text-decoration:underline; }
a:hover { text-decoration:none; }
a img { border: none; }

p, ul, ol { margin: .3em 0 .6em 0; }
ul, ol, li { margin-left: 1.5em; }

/* PRIMITIVA */
/* zarovnani */
.ac { text-align: center; }
.al { text-align: left; }
.ar { text-align: right; }

/* cistice */
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

/* floatery */
.fl { float: left }
.fr { float: right }

/* skryvace */
.noscreen { display: none; }
hr { display: none; }

/* hlasky */
p.warning, div.warning {
	border: 1px solid #c00000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    margin: 5px 0;
    padding: 10px 10px 10px 50px;
    background: #ffb289 url(../ico/32/dialog-warning.png) 4px 4px no-repeat;
}
p.warning-small, div.warning-small {
    padding: 0 0 0 20px;
    margin: 0;
    background: #ffb289 url(../ico/16/dialog-warning.png) 2px 50% no-repeat;
}

ul.errorlist, ul.errorlist li {
	list-style: none;
	background: #ffb289;
	margin: 0; padding: 0;
}
ul.errorlist li {
	padding: 3px;
}

/* LAYOUT STYLES */
#bg #decor { height: 70px; background: transparent url(img/bg-foot.jpg) 40% 100% no-repeat; }
#cover { width: 994px; margin: 0 auto; text-align: left; position: relative; }

/* >header */
#header { overflow: hidden; height: 230px; position: relative; }
#header h1, #header h2 {
	background: transparent url(img/logo.png) 0 0 no-repeat;
	width: 260px; height: 90px; margin: 0;
	position: absolute; top:55px; left:0;
}
#header a { display: block; width: 260px; height: 90px; }
#header span { position: absolute; top: -1000px; }

/* >today info line */
#today-info-line {
	font-size: 90%; text-align: right;
	overflow: hidden; height: 20px;
	position: absolute; top: 165px; right: 3px;
	color: #666;
}

/* >site partners block */
#site-partners {
	position: absolute; top: 156px; left: 0;
}
#site-partners img { float: left; }
#site-partners h4 { display: none; } /*font-weight: normal; margin: 0; padding: 0; } */

/* >footer */
#footer {
	background: #e4e9b1;
	line-height: 137%;
	clear:both;
	margin: 1em auto 0 auto;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px;
	overflow: auto;
	font-size: 90%;
}
.footbox {
	width: 262px; height: 230px;
	margin: 10px 0;
	border-left: 1px dotted #999;
	float: left;
	position: relative;
	overflow: hidden;
}
.footbox.facebook {
	border:none;
	background: url(../ico/32/facebook.png) 0 -2px no-repeat;
}
.footbox.tagcloud {
	background: url(../ico/32/mail-tagged.png) 0 -2px no-repeat;
}
.tagcloud .tag { margin-right: .7em; float: left; display: block; height: 20px }
.tagcloud .tsize, .tagcloud .tsize1 { font-size: 70% }
.tagcloud .tsize2 { font-size: 100% }
.tagcloud .tsize3 { font-size: 110%; font-weight: bold; }
.tagcloud .tsize4 { font-size: 120%; font-weight: bold; }
.tagcloud .tsize5 { font-size: 130%; font-weight: bold; }

.footbox.comments {
	background: url(../ico/32/comment.png) 0 -2px no-repeat;
}
.footbox.comments ul, .footbox.comments li {
	list-style: none;
	margin: 0; padding: 0;
}
.footbox.comments li { margin: 4px 0; }
.footbox.contact {
	width: 204px; background: url(../ico/32/newspap-rss.png) 0 -2px no-repeat;
}
.footbox h4 { font-size: 120%; margin: 5px 0 10px 25px; }
.footbox h4.nomargin { margin: 5px 0; }

ul.feed-list, ul.feed-list li { list-style: none; }
ul.feed-list a {
	padding-left: 18px;
	background: url(../ico/16/rss.png) 0 50% no-repeat;
}

.footbox .inner { margin: 0 10px; }

/* creator info */
.copyright { margin-bottom: 50px; text-align: right; color: #AAA55D; font-size: 95%; }
.copyright a { color: #ACA45C; }

/* <footer */

/* >top navigation */
#topnavi {
	text-align: right;
	position: absolute; right: 0; left: 0; top: 3px;
	font: normal 130% "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 3px 0;
}
#topmenu { list-style: none; margin: 0; }
#topmenu li { float: left; margin: 0; position: relative; }
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu span {
	color: #000; display: block; padding: 3px 5px; margin-right: 3px;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#topmenu a:hover, #topmenu a.A { color: #fff; background: #817634; }

#topmenu ul {
	display: none;
	list-style: none;
	position: absolute; top: 25px; left: 0;
	font-size: 90%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0; padding: 0;
	width: 150px;
	text-align: left;
}
#topmenu ul li { float: none; display: block; list-style: none; margin: 3px 0; padding: 0; }
#topmenu ul a { margin: 0; padding: 2px; background: #e4e9b1 }
#topmenu li:hover ul {
	display: block;
}

/* >body */
#body .col { float: left;margin:0; }
#body .col.featured-col { width: 492px; }
#body .col.listing-col { margin: 0 10px; width: 322px; }
#body .col.ad { float:right; width: 160px;}
#body-in { float: left; width: 100%; }

/* boxes */
.box {
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.box .inner { margin: 10px; }

.box.featured { background: #000; color: #fff;}
.box.featured a { color: #b6b563 }
.col.listing-col .box, .box.listing-archive, .box.series { margin-bottom: 10px; font-size: 95% }

.box img {
	border: 1px solid #aaa65d;
	box-shadow: 0 0 3px #eaeebb;
	-moz-box-shadow: 0 0 3px #eaeebb;
	-webkit-box-shadow: 0 0 3px #eaeebb;
}
.box a:hover img {
	box-shadow: 0 0 7px #eaeebb;
	-moz-box-shadow: 0 0 7px #eaeebb;
	-webkit-box-shadow: 0 0 7px #eaeebb;
}
.box.listing, .box.listing-archive { background: #b6b563; }
.box.listing img, .box.listing-archive img, .box.inline img,
.box.box-introducing img, .box.series img { float: left; margin-right: 10px; }
.box.listing h3 { clear: both }
.box.listing-archive .meta, .box.series .meta { margin:0; color: #333 }
.box.box-introducing { background: #000; color: #fff; }
.box.box-introducing a, .box.topv a { color: #e4e9b1; }
.box.photo-of-day, .box.series { background: #d7d1af; }

.box.topv { width: 140px; height: 140px; overflow: hidden; }
.box.topv .inner { margin: 2px; }
.box.topv h4 { font-weight: normal; }

.box.photo-of-day h3, .box.inline h4 { margin: 0 0 5px 0; padding: 0; }

/* >inline boxes */
.box.inline {
	float: right;
	background: #e4e9b1;
	margin-left: 10px;
	font-size: 90%;
	width: 60%;
}
.box.inline.photo { width: auto; }
.box.inline.photo img { float: none; margin: 0; }

/* >user box */
#user-box {
	position: absolute; top: 70px; right: 0;
	width: 200px; height: 70px; overflow: hidden;
	background-color: rgba(243,240,228,.7);
	font-size: 90%;
	line-height: 120%;
}
#user-box .fl { border-right: 1px solid #ccc; }
#user-box h4, #user-box p { margin: 0; }
#user-box h4 { text-transform: capitalize; margin-bottom: 5px; }
#user-box img {
	float: left; margin-right: 10px; border: none;
}

/* >TAB box for featured and recommended videos etc... */
.tabbox { clear: both; margin: 20px 0;}
.tabs, .tabs li { margin: 0; padding: 0; list-style: none; }
.tabs li { float:left; }
.tabs a { display: block;
	float:left;
	border-bottom: none;
	background: #e4e9b1; color: #000; text-decoration: none;
	padding: 3px 15px 3px 10px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
.tabs a:hover { background: #e4e9b1;}
.tabs a.current { background: #aaa65d; }

.panes {
	clear: both; background: #aaa65d;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
.panes div.pane { clear: both; }
div.pane a { color: #7A5507; }

/* >scrollable */
div.scrollable {
	position: relative;
	overflow:hidden;
	width: 450px; height: 180px;
	float: left;
	margin: 10px 0 0 1px;
}
div.scrollable div.items {
	width:20000em;
	position:absolute;
}
div.scrollable div.items .box {
	float:left;
	width: 140px; height: 150px;
	margin: 10px 5px;
}
a.prevPage, a.nextPage {
	display: block; width: 20px; height: 150px; float: left;
	background: url(img/arrow-l.png) 50% 35px no-repeat;
	margin-top: 15px;
	cursor: pointer;
}
a.nextPage {
	float: right;
	background-image: url(img/arrow-r.png);
}

/* >BOX survey */
.box.survey ul, .box.survey li { list-style: none; margin: 0; padding: 0; }
.box.survey li.vote { margin-top: 10px; }
.box.survey div.line {
	width: 80%; float: left;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.box.survey div.line div {
	background: #aaa65d;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.box.survey span.percent { float: right; width: 20%; text-align: right; font-weight: bold; font-size: 110%; color: #aaa65d }
.box.survey .submit-line { margin-top: 5px }

/* >category */
a.archive-link {
	display: block;
	background: #aaa65d; color: #7a5507;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: right;
	padding: 2px 10px;
}
.category-description { position: absolute; top: -10000px; }

/* >object */
div.perex { font-weight: bold; }

.tabbox.comments { margin-top: 30px; }
.tabbox.comments .pane { padding: 1px 0; }
.tabbox.comments .inner { margin: 10px; }
div.comment { border-bottom: 1px solid #E5E9B1; padding: 5px 0 5px 60px; position: relative; }
div.comment img.cmnt-avatar { float: left;width:50px;height:50px; position: absolute; top: 10px; left: 0; border: 1px solid #eee }
div.comment img.cmnt-avatar.none { border: none }

/* >comment form */
label { display: block; }
label.required { font-weight: bold; }
#comment-form .pot { position: absolute; top: -20000px; }
#comment-form input, #comment-form textarea,
#order-form input[type="text"], #order-form input[type="password"], #order-form textarea,
.form-classic input[type="text"], .form-classic input[type="password"], .form-classic textarea {
	width: 99%; max-width: 99%; border: none; padding: 3px;
	background: #e4e9b1; margin-bottom: 5px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.form-classic span.helptext { display: none; }
form .submit-row { text-align: right; margin-bottom: 10px; }
#comment-form button span { padding-left: 30px; font-size: 140%; margin: 10px }

fieldset {
	padding: 10px;
	border: 1px solid #aaa65d;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 5px 0;
}
legend { padding: 2px 4px; color: #7a5507; font-size: 120% }

/* button icons */
button { padding: 2px 0; }
button.icn span {
	background: url(../ico/16/apply.png) 0 50% no-repeat;
	padding-left: 20px;
}
button.icn.cancel span {
	background-image: url(../ico/16/cancel.png);
}
button.icn.clear span {
	background-image: url(../ico/16/editclear.png);
}
button.icn.apply span {
    background-image: url(../ico/16/apply.png);
}
button.icn.reload span {
	background-image: url(../ico/16/rotate.png);
}
button.icn.cart span {
    background-image: url(../ico/16/basket.png);
}
button.def span { font-weight: bold }

/* >PAGINATOR */
.paginator {
	background: #e4e9b1;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.paginator a { text-decoration: none; background: #aaa65d; color: #fff;
	margin: 0 2px; padding: 1px 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.paginator a:hover, .paginator a.current { background: #f3efe3; color: #000 }
.paginator a.disabled { background: #f3efe3; color: #999 }
.paginator .previous { position: absolute; top: 5px; left: 3px; }
.paginator .next { position: absolute; top: 5px; right: 3px; }
.paginator .pages { margin: 5px 0; }

/* SHOP */
.box.price-box { background:#b6b563; }
.box.price-box fieldset { border:none; }
.box.price-box .price {
	font-size:30px;
	font-weight:bold;
	color:#7A6619;
	margin:0 0 10px 0;
}
.box.listing.product {
    margin-bottom:10px;
}
.box.product form, .box-introducing form {
	margin: 5px 0; padding: 4px;
	background: #d7d1af;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.box-introducing form { margin: 5px 0; background: #111; }
.box.product .price, .box-introducing .price {
	color:#7A6619;
	font-weight:bold;
	font-size: 135%;
	float: left;
	margin-top: 2px;
}
.box-introducing .price { color: #eee; }
.box.product .frm, .box-introducing .frm {
	float: right;
}

.cart-table {
	border: 1px solid #7A6619;
	border-collapse: collapse;
        width:100%;
        margin:0 0 10px 0;
}
.cart-table th, .cart-table td {
	border: 1px solid #7A6619;
	padding: 5px 4px 2px 4px;
}
.cart-table thead, .cart-table tfoot {
	background: #d7d1af;
}
.cart-table a.removeFromBasket {
    width:16px;
    height:16px;
    background:url(../ico/16/close.png) no-repeat;
    display:block;
    margin:0 auto;
}
/* KONEC SHOP */

/* SEARCH */
form.search-inpage fieldset, #search-box fieldset {
	border: none;
	margin: 0; padding: 0;
}
form.search-inpage fieldset ul, form.search-inpage fieldset li {
	list-style: none;
	margin: 0;
}
form.search-inpage fieldset li, form.search-inpage fieldset label.cts {
	float: left;
	margin-right: 10px;
	color: #333;
}
form.search-inpage input.q, form.search-inpage button {
	font: normal 1.5em Arial, Verdana, sans-serif;
}
form.search-inpage input.q {
	padding: 3px;
	border: 1px solid #ccc;
	width: 390px;
}
form.search-inpage button {
	width: 90px;
}

#search-box {
	position: absolute; top: 185px; right: 0;
	width: 310px; overflow: hidden;
	background: #fff;
	background: rgba(243,240,228,.7);
}
#search-box .inner { margin: 3px; padding: 0; background: #E4E9B1; }
#search-box fieldset { margin: 0; padding: 0; }
#search-box input.q {
	font: normal 1.5em Arial, Verdana, sans-serif;
	padding: 1px 3px 2px 3px;
	border: none;
	width: 210px; height: 30px;
	background: rgba(250,247,235,.7);
	=width: 200px; =height: 20px;
	=padding: 0;
}
#search-box button {
	font: normal 1.5em Arial, Verdana, sans-serif;
	width: 85px; height: 30px;
	border: none;
	background: #E4E9B1; color: #724702;
	text-shadow: 1px 1px 2px #fff;
	cursor: pointer;
	=height: 20px;
}
#search-box button:hover { color: #000; text-shadow: 2px 2px 4px #fff; }

.user_avatar{display: block;border: 1px solid #666;line-height:0;}
.user_info p,.user_info h2{padding:0 0 0 210px;}
.user_info p span{font-weight:bold;}

.edit-profile label{display:block;padding:0 0 5px;font-weight:bold;line-height:20px;}
.edit-profile #id_allow_newsletters,.edit-profile #id_show_email,
.edit-profile #id_is_public,.edit-profile #id_has_horses{float:right;margin:-22px 0 0;}
.edit-profile #id_riding_type,.edit-profile #id_riding_proficiency,.edit-profile #id_avatar{margin:0 0 10px;}


