/* *** Reset *** */
* {
	margin: 0;
	padding: 0;
}

/* *** Classes *** */
.hidden { display: none; }
.float-right { float: right; }
.clear { clear: both; }
.errorlist li {
	display: block;
	padding: 5px 5px 5px 26px;
	background: url(../images/icon-error.png) no-repeat left;
	list-style: none;
	color: red;
}
.msg-success {
	padding: 10px 10px 10px 22px;
	background: url(../images/icon-success.png) no-repeat left;
}

.tools {
	position: fixed;
	bottom: 0;
	right: 0;
}
.tools a {
	float: left;	
	width: 22px;
	height: 22px;
	text-indent: -9999px;	
}
.tools .top { background: url(../images/icon-top.png) no-repeat center; }
.tools .back { background: url(../images/icon-back.png) no-repeat center; }

.paginacao a { color: white; }
.paginacao a#atual { color: #6b3437; }

.list-photos img, .flatpage img, .sponsors img {
	background: #c3c3c3;
	padding: 3px;
}

li.hover h2 { color: #c3c3c3; }
li.hover img { background: red; }

a.buy, a.remove { padding-left: 22px; }
a.buy {
	background: url(../images/icon-shop.png) no-repeat left;
	color: white; 
}

a.remove { background: url(../images/icon-shop-remove.png) no-repeat left; }

/* *** Elements *** */
body {
	background: #000;
	font: normal 62.5%/1.5 Tahoma, sans-serif, sans;
	color: #fff;
}

a {
	color: red;
	text-decoration: none;
	z-index: 0;
}
a:hover { text-decoration: underline; }
a img { border: 0; }

h1 {
	margin-bottom: 20px;
	padding-left: 28px;
	background: url(../images/icon-title.gif) no-repeat left;
	font-size: 1.4em;
	font-style: italic;
}

object, #video { 
    position: relative;
    z-index: 0; 
}

/* *** Containers *** */
#base {
	width: 800px;
	margin: 0 auto;
	font-size: 1.2em;
}

/* header */
#header {
	position: relative;
	height: 198px;
	background: url(../images/bg-header.jpg) no-repeat top center;
}

/* menu */
#menu {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: 31px;
	background: url(../images/bg-menu.jpg) no-repeat center;
}

#menu li {
	float: left;
	list-style: none;
}

#menu li:first-child { margin-left: 15px; }
#menu li:first-child a { background: none; }

#menu li a { 
	display: block;
	padding: 4px 10px;
	background: url(../images/bg-menu-li.jpg) no-repeat left;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
}

#menu li a:hover {
	text-decoration: none;
	color: red;
}

#menu li ul { 
	position: absolute;
	width: 300px;
	background: #680c0f;
	z-index: 9999;
}

#menu li ul li { 
	width: 100%;
	position: relative;
	border-bottom: 1px solid #a25d5e; 
}

#menu li ul li a {
	padding: 0;
	padding: 5px 10px;
	background: none;
}

#menu li li.separator { background: #a25d5e; }
#menu li li.separator:hover { background: #680c0f; }

#menu li ul li:first-child{ margin: 0; }

/* body */
#body {
	padding: 10px 14px;
	background: url(../images/bg-body.jpg) no-repeat top center;
}

/* boxes */
#sponsors, #events, #news, #shop, #highlight {
	position: relative;
	overflow: hidden;
}

#sponsors h3, #events h3, #news h2, #shop h3 {
	position: absolute;
	top: 4px;
	left: 12px;
	font-style: italic;
	font-size: 1.2em;
}
#news h2 { left: 18px; }
#shop h3 {
	top: 6px;
	left: 22px;
}

#sponsors ul, #events p, #shop ul, #highlight object {
	position: absolute;
	list-style: none; 
}

#sponsors {
        clear: both;
	width: 775px;
	height: 174px;
	margin: 20px 0 10px 0;
	background: url(../images/bg-box-sponsors.jpg) no-repeat top center;
}

#events {
	float: left;
	width: 242px;
	height: 341px;
	margin: 0 15px 15px 0;
	background: url(../images/bg-box-events.jpg) no-repeat top center;
}

#highlight {
	float: left;
	width: 513px;
	height: 176px;
	margin: 20px 0 10px 0;
	background: url(../images/bg-box-highlight.jpg) no-repeat top center;
}

#news {
	float: left;
	width: 510px;
	height: 153px;
	background: url(../images/bg-box-news.jpg) no-repeat top center;
}

#shop {
	clear: both;
	width: 774px;
	height: 224px;
	margin-bottom: 10px;
	background: url(../images/bg-box-shop.jpg) no-repeat top center;
}

#news h3 { margin-top: 33px; }
#news h3, #news p {
	margin-left: 15px;
}

#news .readmore {
	position: absolute;
	right: 12px;
	bottom: 3px;
	font-weight: bold;
	font-style: italic;
	color: white;
}

#sponsors ul, #shop ul {
	top: 41px;
	left: 12px;
}
#shop ul { top: 45px; }

#events p {
	top: 35px;
	left: 14px;
}

#highlight object {
	top: 15px;
	left: 12px;
}

#sponsors ul li, #shop ul li { 
	float: left;
	margin-left: 2px; 
}

#shop ul li img {
	width: 148px;
	height: 170px;
}

#filter {
	float: left;
	width: 135px;
	margin: 5px 30px 5px 0px;
	border-right: 1px solid #c3c3c3;
}

#filter li { 
	padding: 5px;
	list-style: square;
	list-style-position: inside; 
}

#filter li a {
	font-weight: bold;
	color: white;		
}

#filter li li {
	margin-left: 15px;
	list-style: circle;
	list-style-position: inside;
	font-weight: normal;	
}

.list-photos { 
	float: left;
	width: 600px; 
}

.list-photos h2 { font-size: 1em; }

.list-photos li {
	float: left; 
	width: 220px;
	height: 350px;
	margin: 15px 80px 15px 0px; 
	list-style: none;
	text-align: center;
}

.photos-more, .shop-more { width: 770px; }
.photos-more li, .shop-more li, .product-more li { 
	margin-right: 10px;
	width: 180px;
	height: 185px; 
}
.shop-more li { height: 270px; }

ul.sponsors, ul.links, ul.news { list-style: none; }

ul.sponsors small, ul.links small, ul.news small { margin-bottom: 10px; }

ul.sponsors li, ul.links li, ul.news li { margin-bottom: 30px; }

.video { text-align: center; }

.cart {
	float: right;
	width: 400px;
	padding-left: 20px;
	border-left: 1px solid #f5f5f5;
	list-style: none;
}

.cart li { 
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f5f5f5; 
}

.cart img {
	width: 100px;
	height: 100px;
}

.value {
	margin: 10px 0;
	font-weight: normal; 
	color: white; 
}
.value strong { color: green; }

.cart .field { width: 30px; }

/* footer */
#footer {
	position: relative;
	height: 117px;
	background: url(../images/bg-footer.jpg) no-repeat center;
}

#footer #copyright {
	position: absolute;
	top: 50px;
	right: 35px;
	font-weight: bold;
}

#footer #credits {
	position: absolute;
	top: 90px;
	right: 35px;
	font-size: 0.8em;
}

#footer strong { color: #ba1c1d; }

/* *** Forms *** */
fieldset { border: 0; }

label { display: block; }

/* *** Flatpages *** */
.flatpage p { text-indent: 8px; }

.flatpage img { margin: 0 5px 5px 5px; }

.flatpage dl { 
	float: left;
	width: 355px;
	margin-bottom: 20px; 
}

.flatpage dl dt {
	float: left; 
	font-weight: bold;
}

.flatpage h2 { clear: both; }

/* *** RSS *** */
#syndication {
	background: url(../images/rss.png) left no-repeat ;
	padding: 22px 75px;
}

#syndication a { color: #F56200 } 

