/* Copyright 2009 YuGo.ro, Razvan Popescu, All Rights Reserved */


/* RESET */
html, body { width: 100%; height: 100%; min-height: 100%; }
html { overflow-y: auto;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot { margin: 0; padding: 0; border: 0; outline: 0; }
table, tr, th, td { margin: 0; padding: 0; outline: 0; font-size: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
ins { text-decoration: none; }/* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

.clear { clear:both; }
div.clear { height: 0; clear: both; width: 100%; font-size: 0;line-height: 0; } /* fix for older browsers */
.wrapper div.clear { height: 1px; }
.vspace {clear: both; }
div.vspace { height: 50px; clear: both; width: 100%; font-size: 0px; line-height: 0px; }
.wrapper div.vspace { height: 50px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; display:inline-block; }

/* GRAPHICS */

body { background-image: url(../images/bg_page.jpg); background-position: top; background-repeat: repeat-x; background-color: #0d0d0d; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; }
a { color: #999999; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: none; }
.wrapper { display: block; width: 960px; margin: 0px auto 0px auto; }
#header { padding: 60px 0px 0px 0px; }
#topmenu { width: 630px; float: left; padding: 5px 0px 5px 0px; }
#topmenu ul, #topmenu ul li { display: inline; list-style: none; }
#topmenu { font-size: 18px; letter-spacing: -1px; }
#topmenu a { color: #585257; text-decoration: none; margin: 0px 20px 0px 0px; }
#topmenu a:hover { color: #ffffff; text-decoration: none; }
#shadyradio { display: block; float: left; width: 320px; padding: 5px; background-color: #111111; }
#wideheader { clear: both; }
#logo { display: block; height: 240px; padding-top: 110px; width: 310px; float: left; }
#bigmask { display: block; height: 350px; width: 650px; float: left; background-image: url(../images/bigmask.png); }

#bigpic01 { display: block; height: 350px; width: 650px; float: left; background-image: url(../images/bigpic01.png); }
#bigpic02 { display: block; height: 350px; width: 650px; float: left; background-image: url(../images/bigpic02.png); }
#bigpic03 { display: block; height: 350px; width: 650px; float: left; background-image: url(../images/bigpic03.png); }
#bigpic04 { display: block; height: 350px; width: 650px; float: left; background-image: url(../images/bigpic04.png); }
#bigpic05 { display: block; height: 350px; width: 650px; float: left; background-image: url(../images/bigpic05.png); }

#bigdog { display: block; height: 350px; width: 650px; float: left; background-image: url(../images/bigpic03.png); }
#bigbar { display: block; height: 350px; width: 650px; float: left; background-image: url(../images/bigpic04.png); }
#bigbar2 { display: block; height: 350px; width: 650px; float: left; background-image: url(../images/bigpic02.png); }
#bigbar3 { display: block; height: 350px; width: 650px; float: left; background-image: url(../images/bigpic01.png); }
#bigpic2 { display: block; height: 350px; width: 650px; float: left; background-image: url(../images/bigpic02.png); }
#bigpic3 { display: block; height: 350px; width: 650px; float: left; background-image: url(../images/bigpic02.png); }
#leftcolumn { display: block; width: 680px; float: left; padding: 0px 20px 0px 0px; }
#rightcolumn { display: block; width: 260px; float: left; padding-top:20px; }
.minicolumns {}
.minileft { width: 200px; display: block; float: left; }
.miniright { width: 480px; display: block; float: left; }


/* HEADERS AND PARAGRAPHS */
h1 { padding: 0px 0px 20px 0px; line-height: 52px; clear: both; font-size: 42px; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; font-weight: normal; color: #FFFFFF; }
h2 { padding: 0px 0px 20px 0px; line-height: 44px; clear: both; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; font-weight: normal; color: #666666; }
h3 { padding: 0px; line-height: 38px; clear: both; }
p.descr { padding: 5px 20px 5px 15px; margin: 0px 0px 0px 30px; border-left: 2px solid #191919; display: block; }
.miniright p { padding: 0px 0px 20px 0px; }
p.miniicons { text-align: center; }
p.miniicons a { padding: 3px; }
.textcontent p { padding: 0px 0px 20px 0px; }


/* CAROUSELL */
.carousell { display: block; float: left; }
.carousell ul, .carousell ul li { display: block; list-style: none; float: left; }
.carousell ul li { width: 170px; height: 150px; float: left; }
.carousell ul li a { display: block; width: 170px; height: 150px; position: relative; color: #333333; text-decoration: none; }
.carousell ul li a span { display: block; width: 170px; height: 150px; position: absolute; top: 0; left: 0; background-image: url(../images/thframe_normal.png); cursor: pointer; cursor: hand; }
.carousell ul li a img { margin: 17px 0px 0px 27px; }
.carousell ul li a:hover span { display: block; width: 170px; height: 150px; position: absolute; top: 0; left: 0; background-image: url(../images/thframe_hover.png); cursor: pointer; cursor: hand; }
.carousell ul li a:hover img { margin: 32px 0px 0px 27px; }

a.carousellprev { display: block; text-indent: -10000px; width: 33px; height: 33px; margin: 35px 10px 0px 0px; float: left; background-image: url(../images/gal_left.gif); }
a.carousellprev:hover { background-image: url(../images/gal_left_over.gif); }
a.carousellnext { display: block; text-indent: -10000px; width: 111px; height: 33px; margin: 35px 0px 0px 10px; float: left; background-image: url(../images/gal_right.gif); }
a.carousellnext:hover { background-image: url(../images/gal_right_over.gif); }


/* EVENTS CAROUSELL */

.events ul, .events ul li { display: block; list-style: none; }
.events ul li {  }


/* PAGE GALLERY */

#page_gallery { display: block; float: left; }
#page_gallery ul, .carousell ul li { display: block; list-style: none; float: left; }
#page_gallery ul li { width: 170px; height: 150px; float: left; }
#page_gallery ul li a { display: block; width: 170px; height: 150px; position: relative; color: #333333; text-decoration: none; }
#page_gallery ul li a span { display: block; width: 170px; height: 150px; position: absolute; top: 0; left: 0; background-image: url(../images/thframe_normal.png); cursor: pointer; cursor: hand; }
#page_gallery ul li a img { margin: 17px 0px 0px 27px; }
#page_gallery ul li a:hover span { display: block; width: 170px; height: 150px; position: absolute; top: 0; left: 0; background-image: url(../images/thframe_hover.png); cursor: pointer; cursor: hand; }
#page_gallery ul li a span strong { color: #CCCCCC; text-align: center; margin-top: 110px; display: block; font-weight: normal; font-size: 0.8em; }
#page_gallery ul li a:hover span strong { margin-top: 125px; }
#page_gallery ul li a:hover img { margin: 32px 0px 0px 27px; }


/* EVENT PROMO */

ul.eventpromopic { display: block; }
ul.eventpromopic, ul.eventpromopic li { display: block; list-style: none; float: left; }
ul.eventpromopic li { width: 200px; height: 275px; float: left; }
ul.eventpromopic li a { display: block; width: 200px; height: 275px; position: relative; color: #333333; text-decoration: none; }
ul.eventpromopic li a span { display: block; width: 200px; height: 275px; position: absolute; top: 0; left: 0; background-image: url(../images/bigframe.png); cursor: pointer; cursor: hand; }
ul.eventpromopic li a img { margin: 25px 0px 0px 29px; }



/* NEWSLETTER BOX */

#newsletterbox { display: block; width: 260px; height: 132px; position: relative; background-image: url(../images/newsletter_box.png); }
input#newsletter_name { display: block; width: 210px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; color: #CCCCCC; position: absolute; top: 56px; left: 22px; border: 0px; background-color: #000000; clear: both; }
input#newsletter_email { display: block; width: 190px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; color: #CCCCCC; position: absolute; top: 91px; left: 22px; border: 0px; background-color: #000000; clear: both; }
a#newsletter_go { display: block; width: 19px; height: 11px; position: absolute; top: 95px; left: 215px; text-indent: -10000px; background-image: url(../images/newsletter_go.gif); line-height: 10px; padding: 0px; margin: 0px; overflow: hidden; clear: both; }
a#newsletter_go:hover { background-image: url(../images/newsletter_go_hover.gif);}
#newsletterbox form { padding: 0px; margin: 0px; display: block; width: 100%; position: relative; }

/* RECENT */

ul.recent { list-style: none; margin: 0px; line-height: 14px; font-size: 12px; }
.recent a { color: #999999; text-decoration: none; padding: 5px 0px 5px 20px; display: block; }
.recent a small { color: #333333; }
.recent a:hover, .recent a:hover small { color: #ffffff; text-decoration: none; }
.recent a:hover { background-image: url(../images/recent_bullet.gif); background-position: left; background-repeat: no-repeat; }

/* FOOTER */

.footer { display: block; clear: both; border-top: 1px solid #292929; padding: 20px; height: 110px; background-image: url(../images/footer_bg.png); background-position: bottom; background-repeat: no-repeat; }
.footerleft { display: block; width: 460px; float: left; text-align: left; }
.footerright { display: block; width: 460px; float: left; text-align: right; }

/* MESSAGES */

#success_message { padding: 10px; border: 1px solid #999999; line-height: 14px; text-align: center; margin-top: 20px; }
#error_message { padding: 10px; border: 1px solid #cc0000; line-height: 14px; text-align: center; margin-top: 20px; }