/**
* Globalni
*
* @package Bigbit
* @author Frantisek Fialka <frantisek.fialka@ceskatelevize.cz>
* @copyright 2011 Ceska televize
* @version 0.1.0 2011-03-30
*/

body {
    min-width: 930px;
    background-color: #040404;
    font-family: sans-serif; font-size: 62.8%; font-weight: normal; color: #C4B691; text-align: center;
}

#bigbit a {
    color: #FFF;
}
#bigbit a:hover, #bigbit a:focus {
    color: #E1DAC8; text-decoration: underline;
}

#bigbit .bodyWrapper {
    width: 930px; margin: 0 auto;
    text-align: left;
}
#bigbit .hidden {
    display: none;
}
#bigbit .external {
    padding-right: 14px;
    background: transparent url("../gfx/layout/iconExternalLink.png") 100% 4px no-repeat;
}

.floatLeft {
	display: inline;
	float: left;
}



/**
 * Globalni hlavicka
 */
#headerCzechTV {
	background: #000;
}
#headerCzechTV .navigation {
	color: #FFF;
}





/**
* Hlavicka
*/
#header {
    height: 239px;
    background: transparent url("../gfx/layout/headerBackground.jpg") 50% 0 no-repeat;
}
#header h1 {
    font-family: Georgia, "New York CE", utopia, serif; font-size: 2.2em; font-weight: normal; color: #FFF;
}
#header h1 span {
    font-size: 0.8em;
}

#header .bodyWrapper {
    position: relative;
}
#header .image {
    position: absolute; left: 0; top: 0;
    display: block; width: 100%; height: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#headerLogoBigbit {
    position: absolute; left: 343px; top: 88px;
    display: block; width: 151px; height: 81px; overflow: hidden;
}
#headerLogoBigbit .image {
    background-image: url("../gfx/layout/headerLogoBigbit.jpg");
}

#headerEncyclopedia {
    position: absolute; left: 503px; top: 90px;
    display: block; width: 187px; height: 72px; overflow: hidden;
}
#headerEncyclopedia .image {
    background-image: url("../gfx/layout/headerEncyclopedia.jpg");
}

#headerSwitch {
    position: absolute; left: 325px; top: 12px;
    height: 58px; padding-left: 76px;
    background: transparent url("../gfx/layout/headerSwitchAll.jpg") 0 0 no-repeat;
    list-style-type: none;
    /* font-family: Impact, "Techno CE", sans-serif; font-size: 1.3em; color: #000; */
    font-family: Arial; font-size: 1.2em; color: #3a3a3a; font-weight: bold; line-height: 1.4em;
}

#headerSwitch.ceskoslovensko {
    background-image: url("../gfx/layout/headerSwitchLocal.jpg");
}
#headerSwitch.svet {
    background-image: url("../gfx/layout/headerSwitchWorld.jpg");
}

#headerSwitch li span {
    color: #FFF;
}

#headerSearch {
    position: absolute; right: 76px; top: 25px;
}
#headerSearch input {
    vertical-align: middle;
}
#headerSearchTextBox {
    width: 150px; padding: 2px;
    border: 1px solid #74694C;
    font-size: 1.2em;
}

/**
* Left banner
*/
#bannerleftContainer {
	width: 200px;
	overflow: hidden;
	margin: 20px 0;
}

/**
* Telo
*/
#body {
    background: transparent url("../gfx/layout/bodyBackground.jpg") 50% 0 repeat-y;
}
#bodyTop {
    background: transparent url("../gfx/layout/bodyBackgroundTop.jpg") 50% 0 no-repeat;
}
#bodyBottom {
    min-height: 520px;
    background: transparent url("../gfx/layout/bodyBackgroundBottom.jpg") 50% 100% no-repeat;
}

#body .bodyWrapper {
    width: 790px;
}

#bodyDivider {
    background: transparent url("../gfx/layout/bodyDivider.jpg") 200px 0 repeat-y;
}
#bodyDividerTop {
    background: transparent url("../gfx/layout/bodyDividerTop.jpg") 200px 0 no-repeat;
}
#bodyDividerBottom {
    min-height: 416px;
    background: transparent url("../gfx/layout/bodyDividerBottom.jpg") 200px 100% no-repeat;
}

#content {
    float: right; width: 550px;
}
#content h1 {
    margin-top: 15px; margin-bottom: 20px;
    font-family: Georgia, "New York CE", utopia, serif; font-size: 2.4em; font-weight: normal; color: #FFF; line-height: 1.3em;
}

#sideBar {
    float: left; width: 200px;
}
#sideBar a {
    color: #C4B691;
}
#sideBar a:hover, #sideBar a:focus {
    color: #FFF;
}

/**
* Drobeckova navigace
*/
#breadcrumbNavigation {
    font-size: 1.2em;
}
#breadcrumbNavigation a {
    color: #C4B691;
}
#breadcrumbNavigation a:hover, #breadcrumbNavigation a:focus {
    color: #FFF;
}

/**
* Filtrovani
*/
#filters .item {
    margin-left: -9px; margin-right: -9px;
}

#filters .top {
    width: 218px; height: 21px;
    background: transparent url("../gfx/layout/sideBarFilterItemTop.png") 0 0 no-repeat;
}
#filters .middle {
    padding: 0 24px; zoom: 1; /* IE 7 fix */
    background: transparent url("../gfx/layout/sideBarFilterItem.png") 0 0 repeat-y;
}
#filters .bottom {
    width: 218px; height: 21px;
    background: transparent url("../gfx/layout/sideBarFilterItemBottom.png") 0 0 no-repeat;
}

#filters h3 {
    padding: 7px 0;
   /* font-family: Impact, "Techno CE", sans-serif; font-size: 2em; font-weight: normal; text-transform: uppercase; color: #FFF; */
    font-family: Georgia,"New York CE",utopia,serif; font-size: 2em; font-weight: normal; text-transform: uppercase; color: #FFF;
    cursor: pointer;
}
#filters h3.expand {
    background: transparent url("../gfx/layout/sideBarFilterItemIconExpand.png") 100% 50% no-repeat;
}
#filters h3.collapse {
    background: transparent url("../gfx/layout/sideBarFilterItemIconCollapse.png") 100% 50% no-repeat;
}

#filters ul {
    list-style-type: none;
    font-size: 1.3em; text-transform: none; color: #FFF;
}
#filters ul li {
    margin-left: 0; margin-right: 0; padding: 3px;
}

/**
* Navigace
*/
#navigationSections {
    margin-top: 25px;
    list-style-type: none;
}
#navigationSections li {
    margin-top: 5px; padding-left: 20px;
    background: transparent url("../gfx/layout/sideBarNavigationItemIcon.png") 0 3px no-repeat;
}
#navigationSections li strong {
    font-family: Arial; font-size: 1.6em; font-weight: bold; text-transform: uppercase; color: #FFF;
}
#navigationSections li strong a {
    text-decoration: none;
}

#navigationSections li strong.expand, #navigationSections li strong.collapse {
    display: inline-block; padding-right: 17px;
    cursor: pointer;
}
#navigationSections li strong.expand {
    background: transparent url("../gfx/layout/sideBarNavigationItemIconExpand.png") 100% 50% no-repeat;
}
#navigationSections li strong.collapse {
    background: transparent url("../gfx/layout/sideBarNavigationItemIconCollapse.png") 100% 50% no-repeat;
}

#navigationSections li .alphabet p {
    margin-top: 5px; margin-bottom: 15px;
    font-size: 1.3em; color: #FFF;
}
#navigationSections li .alphabet a, #navigationSections li .alphabet span {
    float: left; display: block; width: 31px;
    text-align: center; line-height: 31px;
}
#navigationSections li .alphabet a:hover, #navigationSections li .alphabet a:focus {
    background-color: #494949;
}

#navigationAbout {
    margin-top: 25px;
    list-style-type: square;
    font-size: 1.3em; color: #FFF;
}
#navigationAbout li {
    margin-left: 20px; margin-top: 5px;
}

/**
* Clanky
*/
#content .articles .clear {
    clear: left;
}
#content .articles h3 {
    margin-top: 10px;
    font-family: Georgia, "New York CE", utopia, serif; font-size: 1.3em; font-weight: normal; line-height: 1.4em;
}
#content .articles img {
    display: block;
}
#content .articles p {
    font-size: 1.2em; line-height: 1.5em;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

#content .articles .items {
    margin: 0 -9px;
}
#content .articles .item {
    float: left; width: 142px; margin-top: 15px;
    display: inline;
    height: 240px;
}
#content .articles .wrapper {
    padding: 0 9px;
}
#content .articles .date {
    margin-top: 5px;
    font-size: 1.1em;
}
#content .articles .annotation {
    margin-top: 10px;
}

/**
* Bez zaznamu
*/
#content .noResults {
    margin-top: 15px;
    font-size: 1.3em;
}

/**
* Strankovani
*/
#content .paging {
    margin-top: 20px;
    font-size: 1.3em; text-align: center;
}
#content .paging em {
    font-style: normal;
}
#content .paging span {
    visibility: hidden;
}

/**
* Paticka
*/
#footerB {
    margin-bottom: 0px;
    padding-top: 86px;
    background: transparent url("../gfx/layout/footerBackground.jpg") 50% 0 no-repeat;
    font-size: 1.2em;
}

/**
* Facebook
*/

#likeBox {
	width: 200px; height: 260px; overflow: hidden; margin-top: 25px;
}

#twitterContainer {
	width: 200px;
	margin-top: 25px;
}

#likeBox iframe {
	margin: -2px;
	background-color: #FFF;
}

/**
* Birthday widget
*/
#birthdayContainer {
	width: 200px;
	margin: 30px 0 15px 0;
	background-color: #111111;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-bottom: 5px;
	text-align: center;
}

#birthdayContainer h3 {
	text-align: left;
	height: 40px;
	line-height: 40px;
	margin: 0 10px;
	padding-left: 50px;
	font-size: 14px;
	color: #CCCCCC;
	background: transparent url('../gfx/layout/bigbit-logo-40.jpg') left top no-repeat;
}

#birthdayContainer p {
	margin: 0px 10px 15px 10px;
	font-size: 11px;
	color: #CCCCCC;
	text-align: left;
	border-bottom: #D8DFEA 1px solid;
	padding-bottom: 8px;
}

/** Palce **/
#discussionModuleComments .thumbs {
	padding: 0 12px;
	float: right;
}

#discussionModuleComments .thumbs span, #discussionModuleComments .thumbs a {
	float: left;
	margin-left: 6px;
	-margin-left: 3px;
}

#discussionModuleComments .thumbs span.average {
}

#discussionModuleComments .thumbs span.thumb {
	float: left;
	display: block;
	line-height: 20px;
}

#discussionModuleComments .thumbs img {
	display: block;
	margin: 0 !important;
}

/** Nahlaseni **/

#discussionModuleComments .report {
	float: right;
	margin-left: 10px;
}