html{background:#343F41 url('../../image/app/back-html-ffpk.jpg') no-repeat center 0;}
body{background-color:transparent}
/* ====== TYPO ====== */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,p{color:#343F41;}
/* ====== Toolbar ====== */
.toolbar{
	background-color:#C91818;
	padding:6px;
	clear:both;
}

.toolbar span{
float:left;
padding:2px 6px;
border: 1px solid #B90808;
margin: 0 6px;
background-color:#DC2B2B;
font-family: Helvetica,verdana;
}

.toolbar span:hover{
background-color:#343F41;
}

.toolbar a { color: #DFCFAF;font-weight:normal;text-decoration: none }
.toolbar a:visited { color:#DFCFAF; }
.toolbar .extension{
float:right;
}

.toolbar span.formHolder{
width:240px;
}
.toolbar form{
float:right;
padding:0;
margin:0;
width:240px;
text-align:center;
}
/* ====== google search ======*/
#cse-search-box input{
padding:0;
margin:0;
display:inline;
vertical-align:middle;
}
#cse-search-box input.text{
height:14px;
background-color:#C91818;
}

#cse-search-box input.submit{
height:18px;
border: 1px solid #B90808;
font-size:0.8em;
padding:0 2px;
color: #DFCFAF;
background-color:#C91818;
}

#cse-search-results {
margin:10px;
}
#cse-search-results iframe{
width:680px;
margin:0 auto;s
}
/* ====== Template extend ======*/
.myPage{}
.myHeader{height:90px;position:relative;}
.myBody{
border-top: 2px solid #C91818;
border-bottom: 2px solid #C91818;
background:#343F41 url('../../image/app/back-fest-page.gif') repeat-y;
}
.myContent{padding:10px;}
.rBar{width:240px;}
.rBar p, .rBar a, .rBar h1, .rBar h2, .rBar h3, .rBar h4, .rBar h5, .rBar h6{color:#fff;} 
.myFooter{background-color:#343F41}

.myHeader h1{
color:#EBE1C6;
float:left;
margin:20px 0 0 0;
}
.myHeader img{float:left;}
.menuHolder{
float:right;
position:absolute;
overflow: hidden;
right:20px;
bottom:0;
}

.hMenu{
margin:0;
padding:4px 6px;
list-style:none;
text-align: right;
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
}

.hMenu li{
display:inline;
}

.hMenu li a{
color: #C1D2EE;
padding: 6px 3px 4px 3px;
margin-right: 6px;
text-decoration: none;
border-bottom: 3px solid #293134;
}

.hMenu li a:hover, .hMenu li a.selected{
color: #fff;
border-bottom-color: #fff;
}

.myContent table{
margin:10px 20p;
}

.myContent th,.myContent td{padding:3px 6px}
.myContent thead tr{background-color: #fff0f8;}
.myContent th{color: #000; font-weight:bold}

.data_table{margin: 0 10px}
.data_table table{margin:0;}

.myFooter{font-size:0.875em;color: #C1D2EE;}
.myFooter a { color: #C1D2EE;font-weight:normal;text-decoration: none }
.myFooter a:focus, .myFooter a:hover { text-decoration: underline }
.myFooter a:visited { color:#C1D2EE; }
.footerMenu{
margin:10px 0 10px 20px;
border-right: 1px solid #C1D2EE;
}
/* ====== Sidebar content ====== */
.sidebarBox{
font-size:0.875em;
color:#EBE1C6;
background-color:#3F4B4E;
border: 1px solid #D9C692;
}

.sidebarBox p{color:#293134;}
.sidebarBox a { color: #EBE1C6; font-weight:normal;text-decoration: none }
.sidebarBox a:focus, .sidebarBox a:hover { text-decoration: underline }

.sidebarBoxHead{
padding:0 10px 4px 10px;
background-color:#343F41;
color:#EBE1C6;
font-size:1.2em;
}

.sideTeaser{
margin:10px auto;
width:170px;
}

.partnerSideBox{
margin:10px auto;
width:170px;
padding:5px;
background-color:#fff;
}

.postInfo{
background-color: #fff; 
color:#293134;
font-weight:bold;
}

.dateInfo{
text-align:center;
border-left: #CCC solid 1px;
margin:10px 10px 10px 0;
}

.dateInfo span{
clear:left;
display:block;
}

.dayInfo{
font-size:46px
}

.categoryInfo{
text-align:center;
}

.categoryInfo span{
display:block;
margin-top: 36px; 
}

/* ====== Content ====== */
img.borderandpadding {
    border: #CCC solid 1px;
    padding: 3px;  
}

img.floatLeft { 
    float: left;
    border: #CCC solid 1px;
    padding: 3px; 
    margin: 6px 6px 6px 0; 
}

img.floatRight { 
    float: right;
    border: #CCC solid 1px;
    padding: 3px;     
    margin: 6px 0 6px 6px; 
}

/* ====== Pagination ====== */
.pagePagination{
padding: 2px 4px;
background-color:#EBE1C6;
border: 1px solid #D9C692;
}

.pagePagination a{
padding: 3px 2px;
margin:0 2px;
font-weight:normal;
}
/* ====== Generic ====== */
.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
.center { text-align:center; margin: 0.5em auto }

.film_box {
    padding: 10px;
    background-color: #eae0c4;
}

.blockclean, .blockblue {
    padding: 6px;
	margin: 10px 10px 0 10px;
    border: 1px solid #ccc;
    line-height: 1.3em;
}

.blockblue {
    border-color: #518DEE;
    background-color: #C1D2EE; 
}
/* ====== Slide ======*/

#copyright{

}
#copyright p{
color:#EBE1C6;
text-align:center;
font-size:0.85em;
}