/* CSS Document */



body {

    text-align: center;

    background-color: #900029;

    font-family: Tahoma, Arial, Helvetica, sans-serif;

    font-size: 11px;

    line-height: 150%;

    background-image: url(bg.jpg);

    background-repeat: no-repeat;

    background-position: center top;

    background-attachment: fixed;

    margin: 0px;

}

a:link,

a:visited {

    color: #005788;

}



/* removes unwanted blue border around linked images*/

img {

    border-style: none;

}

#obsah {

    text-align: left;

    width: 940px;

    margin: 0 auto;

}



/*  --- novy invasion --- **********************************/

#usa-trips .photos_multirow {

    float: left;

    width: 550px;

    text-align: center;

}

#usa-trips .photos_multirow span {

    color: #ffffff;

    text-align: center;

    display: block;

}

#usa-trips .photos_multirow > span {

    width: 66px;

    display: inline-block;

}

#usa-trips .photo_multirow {

    border: 1px solid #ffffff;

    width: 60px;

    height: 83px;

}

.photos_bottom_margin {

    margin-bottom: 5px;

}

a.FAQ_box_link {

    color: white;

    font-weight: bold;

    text-decoration: none;

}

a.FAQ_box_link:hover {

    text-decoration: underline;

}

#announcement {

    width: 900px;

	float: left;

	margin: 0 10px 20px 10px;

    padding: 10px;

    border-bottom: 1px dotted #ffffff;

    clear: both;

    font: normal 20px Arial;

	color: #ffffff;

    text-align: center;

	

}



/************************************************************/



/*  --- hlavicka --- **********************************/

#hlavicka {

    width: 940px;

    height: 174px;

    background-image: url(header.png);

    background-repeat: no-repeat;

}

#logo {

    margin: 0px;

    margin-left: 20px;

    padding: 0px;

    height: 120px;

    width: 440px;

    margin-right: 500px;

    /**/

    

    position: relative;

}

#logo h1 {

    font-size: 0px;

    text-indent: -9999px;

    margin: 0px;

    padding: 0px;

    height: 120px;

    width: 440px;

    cursor: hand;

}

#menu,

#menu ul {

    list-style: none;

}

a.main_title {

    border-style: none;

    text-decoration: none;

}



/* Main menu--------------------------*/

#menu {

    float: left;

    margin-left: 20px;

    margin-top: 0px;

    margin-bottom: 0px;

    padding-left: 0px;

    width: 440px;

    height: 31px;

    font-size: 12px;

    font-weight: bold;

    text-transform: uppercase;

}

#menu > li

/* v�echny li, co jsou prvn� potomky #menu */

{

    float: left;

    background-image: url(menu_bg.jpg);

    border: 1px solid #900029;

}

#menu li a {

    display: block;

    height: 31px;

    line-height: 31px;

    padding: 0px 24px 0px 25px;

    text-decoration: none;

    color: white;

}

#menu > li:hover > a {

    background-image: url(bg_button.jpg);

}



/* Submenu--------------------------*/

#menu ul {

    position: absolute;

    display: none;

    z-index: 999;

    padding: 0;

    margin: 0;

    /* <- kvuli zarovnani submenu hned pod menu */

}

#menu ul > li {

/* v�echny li, co jsou prvn�mi potomky #menu ul */

    background-image: url(menu_bg.jpg);

}

#menu ul li a {

    padding: 0 1.5em;

    height: 24px;

    line-height: 24px;

}

#menu li:hover ul.noJS {

    display: block;

}

#menu ul li:hover a {

    background-image: url(bg_button.jpg);

}

#breaking-news {

    color: #FFFFFF;

    float: left;

    margin-top: 2px;

    /* 9px horizontalni, 2px vertikalni, 1px fading */

    

    width: 360px;

    margin-left: 85px;

}

/* breaking news -> vertikalni animace zprav (aktivni) */



.tabmsg {

    font-size: 12px;

    text-align: center;

    font-family: "Arial", "Helvetica", sans-serif;

    color: white;

}

.stileupdn {

    font-weight: bold;

    font-size: 8px;

    font-family: "Arial", "Helvetica, sans-serif";

    text-align: center;

    color: white;

}

.stileret {

    font-size: 8px;

    font-family: "Arial", "Helvetica", sans-serif;

}

/*********************************************************************/



/*  --- h2 area --- **********************************/

#sekcia_h2_area {

    width: 940px;

    height: 71px;

    background-image: url(sekcia_h2_area.jpg);

    background-repeat: no-repeat;

}

#sekcia_h2_area h2 {

    margin: 0;

    padding: 0;

    color: #740021;

    font-size: 60px;

    font-weight: bold;

    margin-left: 20px;

    padding-top: 40px;

}

/*********************************************************************/



/*  --- hlavni cast --- **********************************/

#main_cl {

    float: left;

    width: 940px;

    background-image: url(main_article.jpg);

    background-repeat: no-repeat;

    background-color: #900029;

}



/* Left part--------------------------*/

#left {

    width: 438px;

    height: 500px;

    float: left;

    margin-left: 20px;

    margin-top: 20px;

}

#invasion_logo {

    width: 438px;

    height: 438px;

}

#invasion_article_link {

    width: 438px;

    height: 62px;

    background-color: #D8D8D8;

    text-align: center;

    font-family: Georgia, Serif;

}

#invasion_article_link a {

    display: block;

    color: #66001C;

    font-variant: small-caps;

    font-size: 23px;

    text-decoration: none;

    padding-top: 20px;

}

#invasion_article_link a:hover {

    text-decoration: underline;

}

#invasion_coverage {

    width: 900px;

    height: 445px;

    float: left;

    margin: 10px 20px 10px 20px;

}

#invasion_coverage_title {

    width: 900px;

    height: 20px;

    margin: 0px 0 25px 0;

    color: white;

    font-size: 20px;

    font-weight: bold;

    text-align: center;

}

#invasion_coverage_message {

    width: 438px;

    height: 400px;

    float: left;

    padding: 0 12px 0 0;

    color: white;

    font-size: 1.2em;

    text-align: justify;

    font-weight: bold;

}

#live_coverage_twitterbox {

    width: 450px;

    height: 400px;

}

#invasion_coverage a {

    color: #989898;

    text-decoration: none;

}

#invasion_coverage a:hover {

    text-decoration: underline;

}

/*

#invasion_coverage_diaries_banner {  

    width:438px;  

    height:56px;  

    margin-top:10px;  

    float:left;

}

#invasion_coverage_diaries_banner:hover {

    -moz-box-shadow: 0px 0px 4px 1px grey;

    -webkit-box-shadow: 0px 0px 4px 1px grey;    

    box-shadow: 0px 0px 4px 1px  grey;

} 

*/



/* Right part--------------------------*/

#right {

    width: 438px;

    height: 500px;

    float: left;

    margin-top: 20px;

    margin-left: 20px;

    margin-right: 20px;

}

#countdown {

    width: 438px;

    height: 300px;

    color: white;

    font-size: 30px;

    font-variant: small-caps;

    text-align: center;

}

#invasion_coverage_twitterbox {

    width: 438px;

    height: 500px;

    float: left;

}

/* ------------------------------------*/



.sekcia {

    background-color: #FFFFFF;

    padding: 15px;

    margin: 20px;

    line-height: 160%;

    color: #333333;

    border: solid 1px #66001C;

}

/*********************************************************************/



/*  --- deniky --- ***********************************/

.inv_members {

    width: 860px;

    margin: 10px 0px;

    float: left;

}

.inv_members_oneline {

    height: 150px;

}

.inv_members_twolines {

    height: 305px;

}

.inv_members_threelines {

    height: 460px;

}

.inv_members_fourlines {

    height: 615px;

}

.inv_member {

    width: 205px;

    height: 150px;

    float: left;

    margin: 0px 0px 0px 11px;

    border: 1px solid #CACCD1;

    border-radius: 5px;

    -moz-border-radius: 5px;

    background-color: #F2F2F2;

    background: -webkit-gradient( linear, left bottom, left top, color-stop(0.02, rgb(255, 255, 255)), color-stop(0.51, rgb(249, 249, 249)), color-stop(0.87, rgb(242, 242, 242)));

    background: -moz-linear-gradient( center bottom, rgb(255, 255, 255) 2%, rgb(249, 249, 249) 51%, rgb(242, 242, 242) 87%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#FFFFFF');

    background: -ms-linear-gradient(#F2F2F2, #FFFFFF);

    background: -o-linear-gradient(#F2F2F2, #FFFFFF);

    background: linear-gradient(#F2F2F2, #FFFFFF);

    zoom: 1;

    text-align: left;

    text-shadow: 0px 2px 2px #888;

}

.inv_member_first {

    margin-left: 0px;

}

.inv_member_last {

    margin-left: 10px;

}

.inv_member_bottom,

.inv_member_middle {

    margin-top: 5px;

}

.inv_member_4_per_line {

    width: 205px;

}

.inv_member_3_per_line {

    width: 277px;

}

.inv_member_name {

    width: 100%;

    height: 18px;

    float: left;

    margin: 4px 0px 4px 0px;

    font-size: 13px;

    font-weight: bold;

    text-align: center;

}

.inv_member img {

    /* Source img must be 151px x 110px */

    

    width: 72px;

    /* should be 79px when source img is 151px x 110px */

    

    height: 108px;

    float: left;

    margin: 7px;

    -moz-box-shadow: 0 0 3px 1px #888;

    -webkit-box-shadow: 0 0 3px 1px #888;

    box-shadow: 0 0 3px 1px #888;

}

.inv_member_4_per_line img {

    /* Source img must be 151px x 110px */

    

    width: 72px;

    height: 99px;

}

.inv_member_title {

    width: 109px;

    float: left;

    margin: 0 5px 0 0;

    font-weight: bold;

    font-size: 11px;

}

.inv_member_title_3_per_line {

    width: 178px;

    margin: 0 0 0 5px;

}

.inv_member_content {

    width: 109px;

    float: left;

    margin: 0 0 0 5px;

    font-weight: normal;

    font-size: 11px;

}

.inv_member_content_3_per_line {

    width: 178px;

    margin: 0 0 0 10px;

}

/*********************************************************************/



/* --- Out of Invasion content --- */

#inv_photos {

    width: 860px;

    height: 573px;

    margin: 20px 40px;

}

#inv_photo {

    width: 860px;

    height: 573px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    behavior: url(border-radius.htc);

    box-shadow: 2px 2px 6px black;

    -webkit-box-shadow: 2px 2px 6px black;

    -khtml-box-shadow: 2px 2px 6px black;

    -moz-box-shadow: 2px 2px 6px black;

}

#inv_photos_message {

    width: 900px;

    height: 20px;

    margin-left: 20px;

    margin-right: 20px;

    margin-bottom: 20px;

    color: white;

    font-size: 20px;

    font-weight: bold;

    text-align: center;

}

/* --------------------------------*/



#top_banner {

    width: 940px;

    height: 70px;

    float: left; /*nahore vynechat*/

    margin: 5px 0 0 0;

}

#top_banner img {

    width: 940px;

    height: 60px;

}



#bottom_banner

{ 

    width: 900px;

    height: 70px;

    padding: 0 20px 0 20px;

    background-color: #910029;

    float: left; 

}

#bottom_banner img

{ 

    width: 900px;

    height: 70px;

    border-style:none; 

}





/*  --- paticka --- **********************************/

#footer {

    width: 900px;

    float: left;

    clear: both;

    padding: 20px 20px 0 20px;

    background-color: #910029;

}

a.footer_mention {

    display: block;

    text-decoration: none;

    width: 900px;

    text-align: center;

    color: white;

    text-shadow: 1px 2px 1px #730021;

    font-size: 12px;

    font-weight: bold;

    margin: 5px 0px 15px 0px;

}

.quote {

    font-style: italic;

    color: #3B94D9;

}



#copyright {

    float: left;

    width: 350px;

    height: 20px;

    /* background-color: #730021;*/

    

    text-align: left;

    padding: 15px 20px 15px 15px;

    color: white;

    font-weight: bold;

    text-shadow: 1px 2px 1px #730021;

}

div.footer_link {

    height: 25px;

    float: right;

    padding: 8px 15px 8px 15px;

    line-height: 25px;

}

div.footer_link a {

    color: white;

    font-weight: bold;

    text-shadow: 1px 1px 1px #730021;

    text-decoration: none;

}

div.footer_link a:hover {

    text-shadow: 1px 1px 1px #000000;

    margin-top: -5px;

}

div.footer_link a img {

    width: 25px;

    height: 25px;

    border: none;

    font-weight: bold;

    text-shadow: 1px 1px 1px #730021;

    text-decoration: none;

}

div.footer_link a img:hover {

    box-shadow: 5px -3px 6px #730021;

}

#powered_by {

    width: 150px;

    height: 45px;

    display: block;

    float: left;

    background: #6e1229;

    background: -moz-linear-gradient(top, #6e1229 0%, #74102a 6%, #800927 11%, #850423 17%, #87001e 28%, #84001a 33%, #7b031e 44%, #72041d 56%, #72021b 67%, #6e021a 72%, #660016 78%, #65081d 83%, #530014 89%, #581121 94%, #420a15 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e1229), color-stop(6%, #74102a), color-stop(11%, #800927), color-stop(17%, #850423), color-stop(28%, #87001e), color-stop(33%, #84001a), color-stop(44%, #7b031e), color-stop(56%, #72041d), color-stop(67%, #72021b), color-stop(72%, #6e021a), color-stop(78%, #660016), color-stop(83%, #65081d), color-stop(89%, #530014), color-stop(94%, #581121), color-stop(100%, #420a15));

    background: -webkit-linear-gradient(top, #6e1229 0%, #74102a 6%, #800927 11%, #850423 17%, #87001e 28%, #84001a 33%, #7b031e 44%, #72041d 56%, #72021b 67%, #6e021a 72%, #660016 78%, #65081d 83%, #530014 89%, #581121 94%, #420a15 100%);

    background: -o-linear-gradient(top, #6e1229 0%, #74102a 6%, #800927 11%, #850423 17%, #87001e 28%, #84001a 33%, #7b031e 44%, #72041d 56%, #72021b 67%, #6e021a 72%, #660016 78%, #65081d 83%, #530014 89%, #581121 94%, #420a15 100%);

    background: -ms-linear-gradient(top, #6e1229 0%, #74102a 6%, #800927 11%, #850423 17%, #87001e 28%, #84001a 33%, #7b031e 44%, #72041d 56%, #72021b 67%, #6e021a 72%, #660016 78%, #65081d 83%, #530014 89%, #581121 94%, #420a15 100%);

    background: linear-gradient(to bottom, #6e1229 0%, #74102a 6%, #800927 11%, #850423 17%, #87001e 28%, #84001a 33%, #7b031e 44%, #72041d 56%, #72021b 67%, #6e021a 72%, #660016 78%, #65081d 83%, #530014 89%, #581121 94%, #420a15 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6e1229', endColorstr='#420a15', GradientType=0);

    border-radius: 5px;

}

#powered_by:hover {

    background: #12516e;

    background: -moz-linear-gradient(top, #12516e 0%, #105674 6%, #095b81 11%, #045b86 17%, #005888 28%, #005484 33%, #03517b 44%, #044d72 56%, #024b72 67%, #02486e 72%, #004266 78%, #084766 83%, #003854 89%, #114159 94%, #0a2d42 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #12516e), color-stop(6%, #105674), color-stop(11%, #095b81), color-stop(17%, #045b86), color-stop(28%, #005888), color-stop(33%, #005484), color-stop(44%, #03517b), color-stop(56%, #044d72), color-stop(67%, #024b72), color-stop(72%, #02486e), color-stop(78%, #004266), color-stop(83%, #084766), color-stop(89%, #003854), color-stop(94%, #114159), color-stop(100%, #0a2d42));

    background: -webkit-linear-gradient(top, #12516e 0%, #105674 6%, #095b81 11%, #045b86 17%, #005888 28%, #005484 33%, #03517b 44%, #044d72 56%, #024b72 67%, #02486e 72%, #004266 78%, #084766 83%, #003854 89%, #114159 94%, #0a2d42 100%);

    background: -o-linear-gradient(top, #12516e 0%, #105674 6%, #095b81 11%, #045b86 17%, #005888 28%, #005484 33%, #03517b 44%, #044d72 56%, #024b72 67%, #02486e 72%, #004266 78%, #084766 83%, #003854 89%, #114159 94%, #0a2d42 100%);

    background: -ms-linear-gradient(top, #12516e 0%, #105674 6%, #095b81 11%, #045b86 17%, #005888 28%, #005484 33%, #03517b 44%, #044d72 56%, #024b72 67%, #02486e 72%, #004266 78%, #084766 83%, #003854 89%, #114159 94%, #0a2d42 100%);

    background: linear-gradient(to bottom, #12516e 0%, #105674 6%, #095b81 11%, #045b86 17%, #005888 28%, #005484 33%, #03517b 44%, #044d72 56%, #024b72 67%, #02486e 72%, #004266 78%, #084766 83%, #003854 89%, #114159 94%, #0a2d42 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#12516e', endColorstr='#0a2d42', GradientType=0);

}

#powered_by a {

    width: 130px;

    height: 30px;

    display: block;

    padding: 8px 10px 7px 10px;

    color: white;

    font-weight: bold;

    text-shadow: 1px 1px 1px #730021;

    line-height: 25px;

    text-decoration: none;

}

#powered_by img {

    width: 46px;

    height: 30px;

    padding: 0 0 7px 10px;

}



#NHL_copyright {

    width: 900px;

    clear: both;

    text-align: center;

    color: white;

    font-size: 10px;

    font-weight: bold;

	text-shadow: 1px 2px 1px #730021;

    margin: 0 0 15px 0;

}