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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
/* remember to define focus styles! */
:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, 
q:before, q:after{content:""}
blockquote, q{quotes:""""}

/*------------------------------------------------------*/
/* =HTML ELEMENTS*/
/*-----------------------------------------------------*/
html{background:#d1dcb4 url(images/bg.jpg) repeat-x;width: 100%;}
body{background:url(images/body.jpg) repeat-x center 125px; color:#656262; font-family:tahoma,geneva,verdana,sans-serif; font-size:12px; line-height:18px; min-height:900px}
a{color:#48add7; outline:none; /* removing outline in Mozilla */text-decoration:none}
a:hover{text-decoration:underline}
/*------------------------------------------------------*/
/* =FLOAT CLASSES*/
/*-----------------------------------------------------*/
/* usually for <br />tag to clear the float */
.clear{clear:both; line-height:0}
/* div (or whatever else element that serves as wrapper that clears the floats)  */
.floatClear{overflow:hidden}
/*------------------------------------------------------*/
/* =LAYOUT*/
/*-----------------------------------------------------*/
/*------------------------------------------------------*/
/* =WRAPPER*/
#wrapper{background:#fff url(images/wrapper.jpg) repeat-x; margin:0 auto 20px; width:1000px; position:relative; min-height:500px}
/*------------------------------------------------------*/
/* =HEADER*/
#header{color:#8a8a8a; height:125px; margin:0 auto; padding-left:443px; width:646px; position:relative}
li.noStyle a div{color:#656262; font-family:tahoma,geneva,verdana,sans-serif; font-size:12px; float:left;margin-top:20px;font-weight: normal;}
/* =FOOTER*/
div.footer{color:#8a8a8a; height:40px; text-align: center; margin:0 auto; width: 1000px;background-color: white;padding-top: 5px;}
/* CHECK OUT */
#checkOut{overflow:hidden; padding-bottom:8px}
#checkOut span{display:inline-block; padding:8px 20px 0 0}
#checkOut li{background:url(images/check-out-li.jpg) no-repeat right; float:left; display:inline-block; font-family:tahoma,geneva,verdana,sans-serif; font-size:12px; font-weight:bold; height:44px; padding:10px 3px 0 3px}
#checkOut li.noStyle{background:none; padding-right:0}
/* JOIN US*/
#joinUs span{display:inline-block; padding:15px 20px 0 0}
#joinUs li{background:url(images/join-us-li.jpg) no-repeat right center; display:inline-block; float:left; font-family:tahoma,geneva,verdana,sans-serif; font-size:12px; font-weight:bold; height:54px; padding:4px 5px 0 3px}
#joinUs li.noStyle{background:none; padding-right:0}
/*------------------------------------------------------*/
/* =LOGO*/
#logo{position:absolute; top:0; left:0}
#logo a{background:url(images/logo.jpg) no-repeat; display:block; height:121px; text-indent:-9999px; width:437px}
#logo span{display: none;}
/*------------------------------------------------------*/
/* =MENU*/
#menu{background:url(images/menu.png) no-repeat; font-family:tahoma,geneva,verdana,sans-serif; font-size:14px; height:52px; margin:0 auto -10px auto; overflow:hidden; padding:0 68px; text-shadow:#1f1f1f 0 0 2px; width:960px; position:relative; z-index:2}
#menu a{color:#fff; letter-spacing:1px}
#menu li{background:url(images/menu-li.jpg) no-repeat; float:left; height:40px; padding:12px 35px 0 35px}
/*------------------------------------------------------*/
/* =VIDEO*/
#video{background:url(images/video-bg.png) repeat-x bottom; font-size:13px; margin-bottom:-3px; padding:20px 0; position:relative; z-index:1}
/* MAIN */
#video .main{float:left; padding-left:45px; width:380px}
#video .main p{padding-bottom:13px;text-align: justify;}
#video .links{background:url(images/video-links.jpg) no-repeat; height:80px; padding-left:15px; width:359px}
#video .links li{background:url(images/video-li.jpg) no-repeat right center; display:inline-block; height:55px; padding:20px 15px 0 13px;#display:inline; #position:relative;#top:20px;-top:0px; }
#video .links li.noStyle{background:none}
/* SIDEBAR */
#video .sidebar{float:right; padding-right:25px}
/*------------------------------------------------------*/
/* =CONTENT*/
#content{}
/*------------------------------------------------------*/
/* =MAIN*/
#main{float:left; padding:40px 0 20px 45px; width:580px}
#main h2{background:url(images/lajna.jpg) no-repeat bottom; font-size:32px; font-family:"lucida sans","lucida grande","lucida sans unicode",sans-serif; font-weight:bold; padding-bottom:20px}
#main h3{color:#2687c2; font-size:20px; font-family:"lucida sans","lucida grande","lucida sans unicode",sans-serif; font-weight:bold; padding:10px 0 5px 0; position:relative;line-height: 1.2em;}
div.oh3{background:url(images/lajna.jpg) no-repeat bottom; color:#2687c2; font-family:"lucida sans","lucida grande","lucida sans unicode",sans-serif; font-weight:bold; padding:0px 0 15px 0; position:relative}
#main h3 span, div.oh3 span{display:block; font-size:12px; font-weight:normal; padding:2px 0 0 1px}
#main h3 span.date, div.oh3 span.date{color:#4b5c92; font-size:13px; font-weight:normal; padding:0px;}
/* STORY */
#main .story{color:#8b8b8b; padding:30px 0}
/*#main .story img{float:left}*/
#main .storyText{float:right; font-size:11px; width:546px}
#main .storyText p{padding-bottom:15px}
#main p.storyInfo{border-top:1px solid #cecad5; border-bottom:1px solid #cecad5; margin-top:5px; padding:2px; text-align:right}
#commentform input, #commentform textarea{margin: 0px 0px 10px 0px;}
div.caption{background-color: #ac9ab2;color: white;margin:-10px 0px 15px 0px;padding:4px 8px;clear: both;}
/*------------------------------------------------------*/
/* =SIDEBAR*/
#sidebar{background:#e2e4d6 url(images/sidebar.jpg) repeat-x; float:right; margin-right:1px; padding:1px 0; width:338px}
#sidebar h3{height:41px; text-indent:-9999px; width:376px; position:relative; left:-14px}
/* heading backgrounds */
#sidebar h3#newsletter{background:url(images/sidebar-h3-newsletter.png) no-repeat}
#sidebar h3#olympics{background:url(images/sidebar-h3-olympics.png) no-repeat}
#sidebar h3#otherSites{background:url(images/sidebar-h3-other-sites.png) no-repeat}
/* newsletter */
form.newsletter ul{padding:0 0 0px 23px}
form.newsletter ul li{overflow:hidden; padding:2px 0 7px 0; width:288px}
form.newsletter label{color:#3f3f3f; display:inline-block; font-weight:bold; text-align:right; padding-right:15px; width:34px}
form.newsletter input{background:none; border:none; display:inline-block}
form.newsletter input.text{background:url(images/newsletter-input.jpg) no-repeat; color:#848484; height:18px; font-weight:bold; padding:4px 4px 0 4px; width:221px}
form.newsletter input.submit{background:url(images/sign-up.png) no-repeat; float:right; height:35px; width:113px}
form.newsletter input.submit:hover{cursor:pointer}
/* olympics */
p.olympics{color:#6c6c6c; font-weight:bold; padding:0 30px 20px 30px}
p.olympics a{color:#6c6c6c; text-decoration:underline}
p.olympics a:hover{color:#6c6c6c; text-decoration:none}
/* other sites */
ul.otherSites li{background:url(images/sidebar-other-sites-li.png) repeat-x bottom; padding:3px 0 5px 10px}
ul.otherSites li.noStyle{background:none}
/*------------------------------------------------------*/
/* =COMIN SOON*/
div.comingSoon{padding-top:55px;height: 200px;}
.comingSoon .links{background:url(images/video-links.jpg) no-repeat; height:80px; margin:20px 0 0 80px; padding-left:15px; width:359px}
.comingSoon .links li{background:url(images/video-li.jpg) no-repeat right center; display:inline-block; height:55px; padding:20px 15px 0 13px}
.comingSoon .links li.noStyle{background:none}
div.sociable{clear:both;display:block;}

/* jQuery Countdown styles 1.5.6. */
#defaultCountdown{color: white;}
.hasCountdown {background:url(images/clock_back.jpg) no-repeat;width: 342px;height: 120px;padding-top: 18px;}
#defaultCountdown span{ font-size:36px;letter-spacing: 12px;text-align: center;margin-left: 13px;height: 120px;line-height: 28px;}