/*

  Style sheet for the Khh template.

*/

html
{
}
body
{
    background: black;
    font-family: Arial;
    font-size: 10pt;
    color: #7F7F7F;
    text-align: center;     /* IE hack */
}

td
{
    font-family: Arial;
    font-size: 10pt;
}

/* Links - Default */
a
{
    color: #DB0000;
}
a:hover
{
}
a:visited
{
}

/* Headings */
h1  /* Page title! */
{
    padding: 5px 5px 0px 0px;
    margin: 0px;

    color: #E7E7E7;
    font-size: 13pt;
    font-weight: bold;
    font-variant: small-caps;

    vertical-align: bottom;
}

/* Page centering */
#Centering
{
    background: url('../images/Khh/background2.jpg') no-repeat -160px -200px;

    width: 900px;
    margin: auto;
    clear: both;
    display: block;

    text-align: left;     /* IE hack */
}
#Main
{
    width: 100%;
    min-height: 100%;   /* BUGBUG */
}

/* Header */
#Header
{
    width: 100%;
    height: 200px;
    background: transparent url('../images/Khh/header2.png') no-repeat 100% 100%;
}

/* Admin stuff */
#NodeMenu
{
    top: 100px;
    float: left;
}

/* Content */
#Content
{
    width: 100%;
    clear: both;
}
#ContentLeft
{
    width: 200px;
    padding: 0px 0px 0px 0px;
    float: left;
    background: rgba(0, 0, 0, 0.7);    
    /* opacity: 0.7;
    filter: alpha(opacity = 70); */
}
#ContentMiddle
{
    width: 680px;
    float: right;
    text-align: justify;
    background: rgba(0, 0, 0, 0.7);   
    /* opacity: 0.7;
    filter: alpha(opacity = 70); */
}

/* Footer */
#Footer
{
    width: 100%;
    clear: both;
    padding: 0px 0px 5px 0px;
    
    font-size: 8pt;
}
#FooterLeft
{
    width: 190px;
    padding: 0px 5px 0px 5px;
    float: left;
}
#FooterRight
{
    width: 520px;
    padding: 0px 10px 0px 10px;
    float: right;
    
    text-align: right;
}

.FixClear
{
    clear: both;
}





/* Site map path */
#SiteMapPath
{
    font-size: 8pt;
    padding-bottom: 5px;
}

/* Display */
div.Display
{
    clear: both;
    width: 100%;
}
div.DisplayHeader
{
    font-variant: small-caps;
}
div.DisplayNavigation
{
    float: right;
}
div.DisplayMenu
{
    float: right;
}

/* Left side */
#ContentLeft .Display
{
    margin: 0px 0px 10px 0px;		/* bottom padding */
}
#ContentLeft .DisplayHeader
{
    width: 100%;
    font-size: 12pt;
    color: white;
    font-weight: bold;
    padding-bottom: 5px;
}
#ContentLeft .DisplayContent
{
    width: 100%;
}
#ContentLeft .DisplayFooter
{
    display: none;
}
#ContentLeft a
{
}

#ContentLeft .PageHeader
{
    padding-bottom: 20px;
}

/* Center */
#ContentMiddle .Display
{
    width: 660px;   /* IE hack */
    margin: 0px 0px 10px 0px;		/* bottom padding */
    padding: 10px 10px 20px 10px;

    border-top: solid 1px #DB0000;
    background: #121212 url('../images/Khh/displaybg.png') repeat-x 0% 100%;
}
#ContentMiddle .DisplayHeader
{
    font-size: 12pt;
    font-weight: bold;
    color: #C5C5C5;
}
#ContentMiddle .AggregateFeedHeader
{
    font-size: 8pt;
    color: #3E3D3D;
    padding-bottom: 10px;
}
#ContentMiddle .DisplayContent
{
    padding-top: 10px;
    padding-bottom: 10px;
}
#ContentMiddle .DisplayFooter
{
    font-size: 8pt;
    color: #3E3D3D;
    clear: both;
}
#ContentMiddle .PageHeader
{
    width: 100%;
    padding-left: 10px;
}
#ContentMiddle img
{
    max-width: 660px;
}

/* Display contents */ 
img.DisplayFullImage
{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px; 
    clear: both;
}
img.DisplayPreviewImage
{
    float: left;
    clear: left;
    margin-right: 10px;
}
p.Quote
{
    font-family: Times;
    font-style: italic;
    font-size: 13pt;
    letter-spacing: -0.02em;
    color: rgb(130, 186, 102);
    margin: 5px 20px 5px 20px;
}

/* Main Menu */
#MainMenu
{
}
#MainMenu ul
{
    margin: 0px;
    padding: 0px;
    
    list-style-type: none;
}
#MainMenu li
{
    margin: 0px 12px -1px 0px; 
    padding: 0px;
    
    vertical-align: middle;
    font-variant: small-caps;
    /* border-bottom: dotted 1px #CDCED6; */
}
#MainMenu li ul /* Behuzas balrol, kompenzalva minusszal a jobb oldalon!*/
{
    margin: 0px -12px 0px 8px;
}
#MainMenu a
{
    color: white;
}
#MainMenu a:hover
{
    text-decoration: none;
}
#MainMenu a.Current
{
    font-weight: bold;
}

/* Login */
input.LoginInput
{
    width: 130px;
    margin: 1px 0px 0px 0px;
    
    font-size: 8pt;
    color: #949451;
    border: solid 1px #949451;
}
input.LoginButton
{
    width: 65px;
    margin: 1px 0px 0px 0px;
    padding: 0px;

    font-size: 8pt;
    color: #949451;
    border: solid 1px #949451;
    background-color: White;
}


/* Navigator */
div.NavigatorDisplay
{
    clear: right;
    display: inline;
    padding: 10px 0px 0px 0px;
    margin: 0px;
}


/* Tagging */
div.TagList
{
    padding: 0px 0px 10px 0px;
    /* font-variant: small-caps; */
    text-align: justify;
}