/* 
    Document        : layout
    Created on      : 15.6.2011, 9:33:56
    Author          : Petr Klobás
    Color scheme    : http://colorschemedesigner.com/#0M31T1Wvnw0w0
    Description:
        Klobás administrative platform layout environment styling.
*/

/* LAYOUT
------------------------------------------- */
body        { background-color: #FAF4EB; }

#control    { position: fixed; right: 0; top: 0; width: 285px; height: 100%; background-color: #F4EBDB; border-left: 5px solid #E4DED5; padding: 1em;}
#content    { width: 73%; height: 100%; padding: 1em;}

/* CONTROL
------------------------------------------- */
#kap-caption        { margin-bottom: 0.6em; border-bottom: 1px solid #ccc; padding-bottom: 0.5em; color: #555; text-shadow: 1px 1px 0 #ddd;}
#kap-caption div    { text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold; font-size: 19px; }
#kap-caption div:first-letter { font-size: 30px; font-weight: bold; color: #3484D2; text-shadow: 1px 1px 0 #eee; line-height: 1.1em;}
#logo               { position: absolute; top: -0.2em; right: 1em; width: 100px; height: 8.7em; background: url('/images/100x100-klobas-metallic.png') right center no-repeat; }
#logged-user        { color: #777; line-height: 1.5em;  border-bottom: 1px solid #ccc; margin-bottom: 1em; padding-bottom: 0.5em;}
#kap-info           { position: fixed; right: 52px; bottom: 25px; font-size: 0.7em; color: #555; text-shadow: 1px 1px 0 #ccc;}

#print-info, #print-info-separator { display: none; }

.user-detail {color: #555; /*margin: 0 1.5em;*/ text-shadow: 1px 1px 0 #ccc;}

#menu                   { height: 100%; width: 100%; float: right; }
#menu-items             { font-weight: bold; }
#menu-items a           { text-decoration: none; }
#menu-items a div:hover { background-color: #FAF4EB; }
#menu-items a div:active{ background-color: #FCF9F4; }
#menu-items a div img   { margin-left: 5px; margin-right: 15px; margin-bottom: -20px;}
#menu-items a div       { padding: 8px 0 20px 22px; margin-bottom: 10px; letter-spacing: 0.25em; font-size: 1.2em;
/*    border-top-left-radius: 0.7em 0.7em; border-top-right-radius: 0.7em 0.7em;*/
/*    border-bottom-left-radius: 2em 2em; border-bottom-right-radius: 2em 2em;*/
/*    -moz-border-radius-bottomleft:  2em 2em;*/
/*    -moz-border-radius-topleft:  0.7em 0.7em;*/
/*    background-image: -moz-linear-gradient(top, #ecfff7 5%, #ccffcc 70%, #ecfff7);*/
/*    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9A9EA3), color-stop(0.7, #C8CCD1));*/
/*    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FAF0EB), color-stop(0.7, #FCF7F4));*/
}

/* CONTENT
------------------------------------------- */
h1 {color: #555; text-shadow: 1px 1px 0 #eee;}

.two-columns {width: 100%; }
.first-column {width: 50%; float: left;}
.second-column {width: 50%; float: right;}