/**
*
* @note             css file for layout elements
* 
* @appdef                   alp-uckan.net
* @app-myapp-theme          
* @app-myapp-used           True
* @media                    screen
* @valid                    true
*                           
* @author                   Alp Uçkan
* @version                  1.0
* @link                     http://alp-uckan.net/
* @copyright                Copyright(c) by Alp Uçkan
* @license                  http://creativecommons.org/licenses/GPL/2.0/
*                           
* @date                     2008-04-10
* @lastmodified             2008-04-10 15:00
*                           
* @colordef                 rgb(0,0,0); Black; Text
* @colordef                 rgb(255,255,255); White; Background
*                           
* @layout                   in per cent:
*                           
*                           |            100                |
*                           |     48%       |     48%       |
*                           |       66          |   26      |
*                           |       66          |   26      |
*/


/**
* @section                  html elements
*/                          
                            
body                        { color: #000; background-color: #fff; }
#Canvas                     { width: 60em; margin: 0 auto; }
                            
/**                         
* @section                  faux absolute positioning
*/                          
                            
.screen                     { float: left; width: 100%; display: block; position: relative; }
.section                    { position: relative; float: left; left: 100%; }
                            
/**                         
* @section                  Header
*/                          
                            
#Header                     { margin: 0 0 3em 0; border-bottom: 1px dashed #000; }
#Header #Title              { margin-left: -100%; width: 100%; }
#Header #Title h1           { padding: .75em 0 .5em 0; }

/**
* @section                  Main
*/

#Main                       { margin: 0 0 3em 0; }
#Main #Content              { margin-left: -84%; width: 60%; }
#Main #Nav                  { margin-left: -23%; width: 23%; }
#Main #Nav ul               { margin-bottom: 2em; }
#Main #Nav .moreLinks       { margin-bottom: 2em; }
#Main #Nav ul li            { margin: 0 0 1em; line-height: 2; }
* html #Main #Nav ul li     { margin: 0; }
#Main #Nav ul li a          { position: relative; }
#Main #TheCCedille          { margin-left: -100%; width: 16%; }
#Main #TheCCedille a:hover  { background-color: transparent; }
                            
#Main .project              { margin: 0 0 2.7em 0; width: 100%; overflow: hidden; }
#Main .project h4           { line-height: 1.5; }
#Main .project .desc        { width: 60%; float: right; margin: 0 0 0 0; }
#Main .project .screenshot  { width: 200px; }

/**
* @section          Footer
*/

#Footer                   { border-top: 1px dashed #000; padding-top: .5em; }
#Footer #Imprint          { margin-left: -98%; width: 66%; }
#Footer #Joker            { margin-left: -28%; width: 26%; }

.note                     { color: #777; }