/*	CLEAR
------------------------------ */
html,body,ul,ol,dl,li,dt,dd,p,blockquote,fieldset,legend,pre,img,form,h1,h2,h3,h4,h5,h6 {border:0;padding:0;margin:0;}
html,body {width:100%;}
ul,ol,dl,li,dt,dd {list-style:none;}
address {font-style:normal;}
hr,.hidden {display:none !important;}

/*	GENERAL
------------------------------ */
html {background:#fff url(../images/layout/bg-html.jpg) repeat-x 0 0;}
body {font:normal 13px/1.5 Georgia,Helvetica,Tahoma,'Bitstream Vera Sans',serif;text-align:left;background:url(../images/layout/bg-body.jpg) no-repeat 0 0;}
input,textarea,button,select {border:0;font:normal 14px/1 Arial,Helvetica,Tahoma,'Bitstream Vera Sans',serif;}
a {color:#174d96;text-decoration:underline;}
a:hover {text-decoration:none;}
small {font-size:11px;}

/* basic layout */
#site {padding:40px 0 40px 100px;width:900px;position:relative;}
#body {padding:0 0 35px;background:url(../images/layout/hdashed.png) repeat-x 0 100%;}
#content {width:540px;float:left;margin:0 40px 0 0;}
#sidebar {width:320px;float:right;margin:0;}


/* header */
h1 {line-height:1;width:618px;height:49px;float:left;text-indent:-9999px;overflow:hidden;background:url(../images/layout/title.png) no-repeat 0 0;}

#header {margin:0 0 32px;}
#header .logo {display:block;font-size:10px;text-decoration:none;float:right;padding:30px 0 0 44px;margin:13px 0 12px 0 ;background:url(/_common/images/identity/logo.jpg) no-repeat 0 0;}
#header .logo span {color:#000;}
#header .logo strong,
#header .logo:hover {text-decoration:underline;}
#header .logo:hover span {color:#174d96;}

#main-nav {width:100%;clear:both;float:left;font-size:14px;line-height:1;}
#main-nav li {height:30px;display:block;float:left;padding:0 0 0 11px;margin:0 20px 0 0;background:url(../images/layout/nav.png) no-repeat 0 0;}
#main-nav li a {display:block;float:left;color:#fff;text-decoration:none;background:url(../images/layout/nav.png) no-repeat 100% 0;}
#main-nav li a span {display:block;float:left;cursor:pointer;padding:8px 11px 8px 0;}
#main-nav li a:hover {text-decoration:underline;}
#main-nav li.active {height:40px;font-weight:bold;background-position:0 -31px;}
#main-nav li.active a {height:40px;background-position:100% -31px;}
#main-nav li.active a span {display:block;padding-bottom:17px;background:url(../images/layout/nav-arrow.png) no-repeat 45% 100%;}
#main-nav li.active a:hover {text-decoration:none;}
.st a span {text-decoration:line-through;}

/* intro */
.goto {margin:0 0 34px;padding:24px 0 0;}
.goto a {font-weight:bold;}
.goto p {width:100%;clear:both;}
.goto a.publish {display:block;float:left;clear:both;padding:0 0 0 15px;margin:0 0 10px;color:#fff;font-size:16px;text-decoration:none;background:url(../images/buttons/publish-photo.png) no-repeat 0 0;}
.goto a.publish span {display:block;padding:10px 52px 9px 0;background:url(../images/buttons/publish-photo.png) no-repeat 100% 0;}
.goto a.publish:hover {text-decoration:underline;}

.prizelist {display:block;width:100%;clear:both;}
.prizelist li {float:left;display:block;width:100%;clear:both;margin:0 0 24px;}
.prizelist li big {display:block;float:left;width:50px;height:65px;text-indent:-9999px;overflow:hidden;}
.prizelist li.p1 big {background:url(../images/icons/no1.png) no-repeat 0 0;}
.prizelist li.p2 big {background:url(../images/icons/no2.png) no-repeat 0 0;}
.prizelist li.p3 big {background:url(../images/icons/no3.png) no-repeat 0 0;}
.prizelist li.p4 big {background:url(../images/icons/plus.png) no-repeat 10% 35%;}
.prizelist li div {display:block;float:left;width:140px;}
.prizelist li div span {display:block;font-size:10px;text-transform:uppercase;margin:0 0 3px;}
.prizelist li div strong {display:block;font-size:18px;line-height:1.1;}
.prizelist li div strong a {color:#000;text-decoration:none;}
.prizelist li div strong a:hover {text-decoration:none;}
.prizelist li .photo {display:block;float:right;width:120px;height:80px;padding:3px 4px 4px 3px;background:url(../images/layout/bg-photo.jpg) no-repeat 0 0;}
.prizelist li .photo img {display:block;}
.prizelist li .photo:hover {background-position:0 -87px;}

/* footer */
#footer {padding:10px 0;font-size:10px;color:#ababab;background:url(../images/layout/hdashed.png) repeat-x 0 100%;}
#footer h6 {float:left;width:86px;height:23px;margin:0 20px;}
#footer h6 a {display:block;width:100%;height:100%;text-indent:-9999px;overflow:hidden;background:url(../images/identity/logo-footer.png) no-repeat 0 0;}
#footer h6 a:hover {background-image:url(../images/identity/logo-footer-hover.png);}
#footer p {float:left;padding:5px 0 5px 20px;background:url(../images/layout/vdashed.png) repeat-y 0 0;}

/* gallery */
#gallery {width:100%;clear:both;}
#gallery li {display:block;float:left;width:120px;height:200px;margin:0 20px 20px 0;}
#gallery li.right {margin-right:0;clear:right;}
#gallery li .photo {display:block;float:left;width:110px;height:110px;padding:5px;margin:0 0 10px;background:url(../images/layout/bg-photo-gallery.png) no-repeat 0 0;}
#gallery li .photo img {display:block;float:left;}
#gallery li .photo:hover {background-position:0 -120px;}
#gallery li h4 {font-size:13px;line-height:1.2;margin:0 0 3px;text-transform:capitalize;}
#gallery li span {font-style:italic;font-size:11px;color:#999;}

/* form */
#ujemi-form {width:100%;clear:both;}
#ujemi-form ol {width:100%;clear:both;}
#ujemi-form ol li {width:100%;display:block;float:left;margin:0 0 10px;}
#ujemi-form ol li label {display:block;float:left;width:150px;padding:5px 15px 0 0;text-align:right;}
#ujemi-form ol li input {width:200px;padding:6px 8px 4px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:url(../images/layout/bg-input.png) no-repeat 0 0;}
#ujemi-form ol li input:focus {border:1px solid #000;padding:6px 7px 3px 8px;}
#ujemi-form ol li select {border:1px solid #666;margin:4px 0 0;}
#ujemi-form ol li.upload input {width:auto;padding:0;border:none;background:none;}
#ujemi-form ol li.warning p {padding:0 0 0 165px;font-style:italic;font-size:11px;}
#ujemi-form ol li.submit p {padding:0 0 0 165px;}
#ujemi-form ol li.submit p input {border:0;width:237px;height:40px;padding:11px 0;cursor:pointer;color:#fff;font:bold 15px/1 Georgia;text-transform:uppercase;text-align:center;background:url(../images/buttons/upload.png) no-repeat 0 0;}

#form-message {width:100%;clear:both;margin:0 0 24px;}
#form-message .success {display:block;width:470px;padding:15px 0 15px 70px;border-bottom:2px solid #567c17;color:#567c17;font-size:16px;font-weight:bold;background:url(../images/icons/success.png) no-repeat 10px 7px;}
#form-message .error {display:block;width:470px;padding:15px 0 15px 70px;border-bottom:2px solid #e51b24;color:#e51b24;font-size:16px;font-weight:bold;background:url(../images/icons/error.png) no-repeat 10px 7px;}
#form-message ul {padding:8px 0 10px 70px;color:#e51b24;background:url(../images/icons/error.png) no-repeat 10px 7px;}


/* CMS
------------------------------------------------------------ */
.cms p {margin:0 0 12px;}
.cms h3 {font-size:18px;text-transform:uppercase;margin:0 0 12px;}
.cms h4 {font-size:15px;margin:0 0 12px;}
.cms ul,
.cms ol {margin:0 0 24px;}
.cms ul {list-style:disc;}
.cms ul li {list-style:disc;margin-left:20px;}
.cms ol li {list-style:decimal;margin-left:20px;}
.cms .bl {background:#bbc7e4;font-weight:bold;padding:2px 4px;}
.cms big {font-size:22px;}
.cms .final {display:block;border-bottom:2px solid #ccc;margin:0 0 18px;}


/* COLORBOX
------------------------------ */
/* The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft,#cboxBottomLeft{clear:left;}
#cboxContent{position:relative;overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;}

/* Example user style - The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,so that the structure easier to understand. */
#cboxOverlay{background:url(/_common/images/colorbox/overlay.png) 0 0 repeat;}
#cboxTopLeft{width:21px;height:21px;background:url(/_common/images/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px;height:21px;background:url(/_common/images/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px;height:21px;background:url(/_common/images/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px;height:21px;background:url(/_common/images/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px;background:url(/_common/images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px;background:url(/_common/images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px;background:url(/_common/images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px;background:url(/_common/images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute;bottom:3px;left:0;text-align:center;width:100%;color:#949494;}
#cboxCurrent{position:absolute;bottom:3px;left:58px;color:#949494;}
#cboxSlideshow{position:absolute;bottom:3px;right:30px;color:#0092ef;}
#cboxPrevious{position:absolute;bottom:0;left:0px;background:url(/_common/images/colorbox/controls.png) -75px 0px no-repeat;width:25px;height:25px;text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute;bottom:0;left:27px;background:url(/_common/images/colorbox/controls.png) -50px 0px no-repeat;width:25px;height:25px;text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/_common/images/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/_common/images/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute;bottom:0;right:0;background:url(/_common/images/colorbox/controls.png) -25px 0px no-repeat;width:25px;height:25px;text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}


/*	HACKS
------------------------------ */
.prizelist:after,
#ujemi-form ol:after,
#header:after,
#body:after,
#footer:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
